@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-cyrillic-ext-7738b600.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-cyrillic-197ed98b.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-greek-ext-3cd432d0.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-greek-f6475b2f.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-vietnamese-af68d0b2.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-latin-ext-f8d3fa06.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-latin-88603384.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}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-italic-cyrillic-ext-5a7499fa.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-italic-cyrillic-640020b0.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-italic-latin-ext-fa866520.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 800;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/ebgaramond-italic-latin-c664773f.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}
@font-face{font-family:"EB Garamond Fallback";src:local("Georgia");size-adjust:86.8%;ascent-override:116%;descent-override:34.3%;line-gap-override:0%}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notonaskharabic-arabic-400-9cc2d2e9.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notonaskharabic-arabic-600-0cefc9b8.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Serif Devanagari";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifdevanagari-devanagari-400-e64b3b73.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"Noto Serif Devanagari";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifdevanagari-devanagari-600-dca1efd8.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifsc-zh-hans-400-8163cd51.woff2) format("woff2");unicode-range:U+2E80-2FFF,U+3000-303F,U+3100-312F,U+3190-31BF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifsc-zh-hans-600-e9b07fd4.woff2) format("woff2");unicode-range:U+2E80-2FFF,U+3000-303F,U+3100-312F,U+3190-31BF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
@font-face{font-family:"Noto Serif JP";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifjp-ja-400-9d4788c3.woff2) format("woff2");unicode-range:U+2E80-2FFF,U+3000-303F,U+3040-30FF,U+3190-31BF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
@font-face{font-family:"Noto Serif JP";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifjp-ja-600-ea9ebb01.woff2) format("woff2");unicode-range:U+2E80-2FFF,U+3000-303F,U+3040-30FF,U+3190-31BF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
@font-face{font-family:"Noto Serif KR";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifkr-ko-400-ad063474.woff2) format("woff2");unicode-range:U+1100-11FF,U+2E80-2FFF,U+3000-303F,U+3130-318F,U+3190-31BF,U+3400-4DBF,U+4E00-9FFF,U+AC00-D7AF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
@font-face{font-family:"Noto Serif KR";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/notoserifkr-ko-600-a5690252.woff2) format("woff2");unicode-range:U+1100-11FF,U+2E80-2FFF,U+3000-303F,U+3130-318F,U+3190-31BF,U+3400-4DBF,U+4E00-9FFF,U+AC00-D7AF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/frankruhllibre-hebrew-400-3c01f471.woff2) format("woff2");unicode-range: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:600;font-display:swap;src:url(/wp-content/themes/serka/assets/fonts/frankruhllibre-hebrew-600-b82b5f62.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
.sk-lang__item::before{content:"";flex:none;inline-size:20px;block-size:14px;border-radius:2px;background:var(--flag) center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.sk-lang__item[hreflang="en"]{--flag:url(/wp-content/themes/serka/cine/flags/gb.svg)}
.sk-lang__item[hreflang="ru"]{--flag:url(/wp-content/themes/serka/cine/flags/ru.svg)}
.sk-lang__item[hreflang="zh-hans"]{--flag:url(/wp-content/themes/serka/cine/flags/cn.svg)}
.sk-lang__item[hreflang="ar"]{--flag:url(/wp-content/themes/serka/cine/flags/sa-85c538db.webp)}
.sk-lang__item[hreflang="fa"]{--flag:url(/wp-content/themes/serka/cine/flags/ir.svg)}
.sk-lang__item[hreflang="fr"]{--flag:url(/wp-content/themes/serka/cine/flags/fr.svg)}
.sk-lang__item[hreflang="de"]{--flag:url(/wp-content/themes/serka/cine/flags/de.svg)}
.sk-lang__item[hreflang="hi"]{--flag:url(/wp-content/themes/serka/cine/flags/in.svg)}
.sk-lang__item[hreflang="ja"]{--flag:url(/wp-content/themes/serka/cine/flags/jp.svg)}
.sk-lang__item[hreflang="ko"]{--flag:url(/wp-content/themes/serka/cine/flags/kr.svg)}
.sk-lang__item[hreflang="pt-pt"]{--flag:url(/wp-content/themes/serka/cine/flags/pt-111df162.webp)}
.sk-lang__item[hreflang="es"]{--flag:url(/wp-content/themes/serka/cine/flags/es-52e2872b.webp)}
.sk-lang__item[hreflang="uk"]{--flag:url(/wp-content/themes/serka/cine/flags/ua.svg)}
body[data-kind="home"] .sk-hero__media img{aspect-ratio:16/10}
body[data-kind="home"] .sk-hero .sk-h1{font-size:clamp(2.2rem,1.4rem + 2vw,3rem);max-inline-size:none}
body[data-kind="home"] .sk-split:not(.sk-split--portrait){grid-template-columns:minmax(0,1fr);gap:0}
body[data-kind="home"] .sk-cards>.sk-card:first-child:has(>.sk-card__body>.sk-card__tag){grid-column:1/-1}
body[data-kind="home"] .sk-body section>.sk-box{margin-block-end:1.5rem;padding:0;border:0;background:none}
body[data-kind="home"] .sk-body section>.sk-box h3{margin-block-start:0}
body[data-kind="home"] .sk-steps{grid-template-columns:minmax(0,1fr);gap:.75rem}
@media (min-width:900px){body[data-kind="home"] .sk-steps>li{display:grid;grid-template-columns:3.2rem minmax(0,17rem) minmax(0,1fr);column-gap:1.5rem;align-items:baseline;padding:1.25rem 1.6rem}body[data-kind="home"] .sk-steps>li::before{margin:0}body[data-kind="home"] .sk-steps>li>h3{margin:0}body[data-kind="home"] .sk-steps>li>:not(h3){grid-column:3}body[data-kind="home"] .sk-steps>li>h3+*{grid-row:1}}
@layer shell.base, shell.chrome, shell.page, shell.parts, shell.consent;
@layer shell.base {
:root {
color-scheme: dark;
--bg: #0a0705;
--bg2: #080604;
--text: #f5eddf;
--text-2: rgba(245, 237, 223, .84);
--muted: rgba(245, 237, 223, .66);
--gold: #c29a56;
--gold-2: #e8ca7b;
--gold-3: #d4b178;
--line: rgba(194, 154, 86, .22);
--line-2: rgba(194, 154, 86, .42);
--glass: rgba(16, 12, 8, .5);
--glass-2: rgba(255, 255, 255, .045);
--panel: rgba(16, 12, 8, .94);
--on-gold: #1a1208;
--wa: #25d366;
--sig: #3a76f0;
--tg: #229ed9;
--wx: #07c160;
--shadow: 0 18px 48px -26px rgba(0, 0, 0, .82), 0 1px 0 rgba(255, 255, 255, .05) inset;
--field: radial-gradient(120% 70% at 50% -8%, rgba(194, 154, 86, .13), transparent 62%), radial-gradient(80% 60% at 100% 100%, rgba(194, 154, 86, .05), transparent 70%);
--max: 1200px;
--gutter: 20px;
--wrap: min(var(--max), calc(100% - 2 * var(--gutter)));
--top-h: 40px;
--bar-h: 68px;
--hdr-h: calc(var(--top-h) + var(--bar-h));
--cta-h: 62px;
--cta-gap: 0px;
--cta-max: 860px;
--radius: 13px;
--radius-s: 11px;
--ease: cubic-bezier(.22, 1, .36, 1);
--dur: 320ms;
--dur-fast: 180ms;
--serif: "EB Garamond", "EB Garamond Fallback", Georgia, "Times New Roman", serif;
--fs-body: clamp(1.125rem, 1.07rem + .22vw, 1.25rem);
--fs-ui: 1.0625rem;
--fs-small: 1rem;
--fs-kicker: .9375rem;
--fs-h4: clamp(1.15rem, 1.1rem + .2vw, 1.25rem);
--fs-h3: clamp(1.3rem, 1.2rem + .45vw, 1.55rem);
--fs-h2: clamp(1.65rem, 1.35rem + 1.1vw, 2.25rem);
--fs-h1: clamp(2.15rem, 1.45rem + 2.9vw, 3.75rem);
--lh-body: 1.62;
--lh-head: 1.14;
--track-head: -.012em;
--track-wide: .16em;
}
html.light {
color-scheme: light;
--bg: #e6dcc8;
--bg2: #dccfb6;
--text: #241c10;
--text-2: rgba(36, 28, 16, .86);
--muted: rgba(36, 28, 16, .74);
--gold: #86641f;
--gold-2: #9a7826;
--gold-3: #7c5c1c;
--line: rgba(134, 100, 31, .34);
--line-2: rgba(134, 100, 31, .52);
--glass: rgba(255, 250, 240, .5);
--glass-2: rgba(40, 30, 14, .05);
--panel: rgba(250, 244, 232, .96);
--on-gold: #fffaf0;
--shadow: 0 18px 44px -28px rgba(60, 44, 16, .5), 0 1px 0 rgba(255, 255, 255, .55) inset;
--field: radial-gradient(125% 75% at 50% -12%, rgba(196, 170, 120, .5), transparent 60%);
}
:root:lang(ar), :root:lang(fa) {
--serif: "Noto Naskh Arabic", "EB Garamond", "EB Garamond Fallback", serif;
--lh-body: 1.86;
--lh-head: 1.42;
--track-head: 0;
--track-wide: 0;
}
:root:lang(hi) {
--serif: "Noto Serif Devanagari", "EB Garamond", "EB Garamond Fallback", serif;
--lh-body: 1.78;
--lh-head: 1.36;
}
:root:lang(zh) { --serif: "Noto Serif SC", "EB Garamond", "EB Garamond Fallback", serif; --lh-body: 1.85; --lh-head: 1.36; --track-head: 0; }
:root:lang(ja) { --serif: "Noto Serif JP", "EB Garamond", "EB Garamond Fallback", serif; --lh-body: 1.85; --lh-head: 1.36; --track-head: 0; }
:root:lang(ko) { --serif: "Noto Serif KR", "EB Garamond", "EB Garamond Fallback", serif; --lh-body: 1.8; --lh-head: 1.36; --track-head: 0; }
:root:is(:lang(zh), :lang(ja), :lang(ko)) { --fs-body: clamp(1.0625rem, 1.02rem + .18vw, 1.15rem); --fs-h1: clamp(1.9rem, 1.35rem + 2.3vw, 3.1rem); }
[lang|="zh"] { font-family: "Noto Serif SC", var(--serif); }
[lang="ja"] { font-family: "Noto Serif JP", var(--serif); }
[lang|="ko"] { font-family: "Noto Serif KR", var(--serif); }
[lang="ar"], [lang="fa"] { font-family: "Noto Naskh Arabic", var(--serif); letter-spacing: 0; }
[lang="hi"] { font-family: "Noto Serif Devanagari", var(--serif); }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-block-start: calc(var(--hdr-h) + 16px); background: var(--bg); }
body {
margin: 0;
min-block-size: 100vh;
min-block-size: 100dvh;
padding-block: var(--hdr-h) calc(var(--cta-h) + 2 * var(--cta-gap) + env(safe-area-inset-bottom, 0px));
background: var(--field), var(--bg);
background-attachment: fixed;
color: var(--text);
font-family: var(--serif);
font-size: var(--fs-body);
font-weight: 400;
line-height: var(--lh-body);
font-kerning: normal;
font-optical-sizing: auto;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
img, svg, video, canvas, iframe { display: block; max-inline-size: 100%; }
img { block-size: auto; }
a { color: var(--gold-2); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--gold-3); }
:focus-visible { outline: 2px solid var(--gold-2); outline-offset: 3px; border-radius: 4px; }
::selection { background: rgba(194, 154, 86, .35); color: var(--text); }
h1, h2, h3, h4, h5, h6 { font-family: var(--serif); font-weight: 600; line-height: var(--lh-head); letter-spacing: var(--track-head); text-wrap: balance; margin: 0; }
p { text-wrap: pretty; }
.sk-wrap { inline-size: var(--wrap); margin-inline: auto; }
.sk-vh { position: absolute !important; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.sk-skip { position: fixed; inset-block-start: 8px; inset-inline-start: 8px; z-index: 1300; padding: .55rem 1rem; background: var(--panel); color: var(--gold-2); border: 1px solid var(--line-2); border-radius: var(--radius-s); transform: translateY(-200%); transition: transform var(--dur-fast) var(--ease); }
.sk-skip:focus { transform: none; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
}
@layer shell.chrome {
.sk-hdr { position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 1000; background: var(--bg); border-block-end: 1px solid var(--line); }
.sk-top { block-size: var(--top-h); border-block-end: 1px solid var(--line); font-size: var(--fs-small); }
.sk-top > .sk-wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; block-size: 100%; }
.sk-tag { margin: 0; display: flex; align-items: center; gap: .55rem; min-inline-size: 0; color: var(--muted); letter-spacing: .02em; line-height: 1.2; }
.sk-tag::before { content: ""; flex: none; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--gold); }
.sk-lang__btn { display: inline-flex; align-items: center; gap: .45rem; min-block-size: 30px; padding: 0 .75rem; background: var(--glass-2); border: 1px solid var(--line-2); border-radius: 999px; color: var(--gold-2); font-size: var(--fs-small); font-weight: 600; cursor: pointer; }
.sk-lang__btn:hover { border-color: var(--gold); }
.sk-lang__btn::after { content: ""; inline-size: .42em; block-size: .42em; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-.12em) rotate(45deg); }
.sk-lang__code { font-variant-numeric: lining-nums; letter-spacing: .06em; }
.sk-lang__name { color: var(--text); font-weight: 500; }
.sk-lang__list { position: fixed; inset: auto; inset-block-start: calc(var(--top-h) + 6px); inset-inline-end: max(var(--gutter), calc((100vw - var(--max)) / 2)); margin: 0; padding: .5rem; min-inline-size: 15rem; max-block-size: calc(100dvh - var(--top-h) - 24px); overflow: auto; background: var(--panel); color: var(--text); border: 1px solid var(--line-2); border-radius: var(--radius); box-shadow: var(--shadow); opacity: 1; transition: opacity var(--dur-fast) var(--ease), display var(--dur-fast) allow-discrete, overlay var(--dur-fast) allow-discrete; }
.sk-lang__list:not(:popover-open) { opacity: 0; }
@starting-style { .sk-lang__list:popover-open { opacity: 0; } }
.sk-lang__list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.sk-lang__item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-block-size: 40px; padding: .3rem .75rem; border-radius: 9px; color: var(--text); text-decoration: none; font-size: var(--fs-ui); }
.sk-lang__item:hover, .sk-lang__item:focus-visible { background: var(--glass-2); color: var(--gold-2); }
.sk-lang__item[aria-current] { color: var(--gold-2); font-weight: 600; }
.sk-lang__item b { font-weight: 600; font-size: .875rem; letter-spacing: .08em; color: var(--muted); font-family: "EB Garamond", var(--serif); }
.sk-bar { block-size: var(--bar-h); }
.sk-bar > .sk-wrap { display: flex; align-items: center; gap: 1.25rem; block-size: 100%; }
.sk-brand { display: flex; align-items: center; gap: .8rem; color: var(--text); text-decoration: none; margin-inline-end: auto; min-inline-size: 0; }
.sk-brand__logo { flex: none; inline-size: 46px; block-size: 46px; border-radius: var(--radius-s); border: 1px solid var(--line); background: var(--glass-2); padding: 3px; }
.sk-brand__text { display: grid; line-height: 1.05; min-inline-size: 0; }
.sk-brand__text b { font-family: "EB Garamond", var(--serif); font-weight: 500; font-size: 1.2rem; letter-spacing: .08em; white-space: nowrap; }
.sk-brand__text span { font-family: "EB Garamond", var(--serif); font-size: .78rem; letter-spacing: .26em; text-transform: uppercase; color: var(--gold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-block-start: .3rem; }
:root:is(:lang(ar), :lang(fa), :lang(zh), :lang(ja), :lang(ko), :lang(hi)) .sk-brand__text span { letter-spacing: .04em; text-transform: none; font-family: var(--serif); }
:root:is(:lang(ru), :lang(uk)) .sk-brand__text span { letter-spacing: .14em; }
.sk-nav > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: .25rem; }
.sk-nav__item { position: relative; }
.sk-nav__link { display: inline-flex; align-items: center; gap: .35rem; min-block-size: 44px; padding: 0 .7rem; color: var(--text-2); text-decoration: none; font-size: var(--fs-ui); font-weight: 500; border-radius: 9px; white-space: nowrap; }
.sk-nav__link:hover, .sk-nav__item:focus-within > .sk-nav__link { color: var(--gold-2); }
.sk-nav__link[aria-current] { color: var(--gold-2); }
.sk-nav__item--dd > .sk-nav__link::after { content: ""; inline-size: .38em; block-size: .38em; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-.15em) rotate(45deg); opacity: .7; }
.sk-nav__dd { list-style: none; margin: 0; padding: .5rem; position: absolute; inset-block-start: 100%; inset-inline-start: 0; z-index: 2; min-inline-size: 17rem; max-inline-size: 26rem; background: var(--panel); border: 1px solid var(--line-2); border-radius: var(--radius); box-shadow: var(--shadow); visibility: hidden; opacity: 0; translate: 0 6px; transition: opacity var(--dur-fast) var(--ease), translate var(--dur-fast) var(--ease), visibility 0s linear var(--dur-fast); }
.sk-nav__item--dd:hover > .sk-nav__dd, .sk-nav__item--dd:focus-within > .sk-nav__dd { visibility: visible; opacity: 1; translate: 0 0; transition-delay: 0s; }
.sk-nav__dd a { display: block; padding: .5rem .75rem; border-radius: 9px; color: var(--text); text-decoration: none; font-size: var(--fs-ui); line-height: 1.3; }
.sk-nav__dd a:hover, .sk-nav__dd a:focus-visible { background: var(--glass-2); color: var(--gold-2); }
.sk-nav__dd .sk-nav__all { color: var(--gold-2); font-weight: 600; }
.sk-ibtn { flex: none; display: inline-grid; place-items: center; inline-size: 42px; block-size: 42px; padding: 0; background: var(--glass-2); color: var(--gold-2); border: 1px solid var(--line); border-radius: var(--radius); cursor: pointer; }
.sk-ibtn:hover { border-color: var(--gold); }
.sk-ibtn svg { inline-size: 20px; block-size: 20px; }
.sk-theme { visibility: hidden; }
.sk-js .sk-theme { visibility: visible; }
.sk-theme .sk-i-moon, html.light .sk-theme .sk-i-sun { display: none; }
html.light .sk-theme .sk-i-moon { display: block; }
.sk-menu { display: none; }
.sk-mnav { position: fixed; inset-block: 0; inset-inline-start: auto; inset-inline-end: 0; margin: 0; inline-size: min(24rem, 90vw); block-size: 100dvh; max-block-size: none; padding: 1.25rem 1.25rem 2rem; overflow: auto; background: var(--bg2); color: var(--text); border: 0; border-inline-start: 1px solid var(--line-2); box-shadow: var(--shadow); --mnav-off: 100%; transform: translateX(0); transition: transform var(--dur) var(--ease), display var(--dur) allow-discrete, overlay var(--dur) allow-discrete; }
html[dir="rtl"] .sk-mnav { --mnav-off: -100%; }
.sk-mnav:not(:popover-open) { transform: translateX(var(--mnav-off)); }
@starting-style { .sk-mnav:popover-open { transform: translateX(var(--mnav-off)); } }
.sk-mnav::backdrop { background: rgba(0, 0, 0, .5); }
.sk-mnav__close { margin-inline-start: auto; display: grid; }
.sk-mnav ul { list-style: none; margin: 0; padding: 0; }
.sk-mnav > nav > ul > li { border-block-end: 1px solid var(--line); padding-block: .35rem; }
.sk-mnav a { display: block; padding: .5rem .25rem; color: var(--text); text-decoration: none; font-size: 1.15rem; }
.sk-mnav .sk-mnav__sub a { padding-inline-start: 1rem; font-size: var(--fs-ui); color: var(--text-2); }
.sk-mnav a:hover { color: var(--gold-2); }
@media (max-width: 1023px) {
:root { --bar-h: 60px; --top-h: 40px; }
.sk-nav { display: none; }
.sk-menu { display: inline-grid; }
.sk-brand__logo { inline-size: 40px; block-size: 40px; }
.sk-brand__text b { font-size: 1.05rem; }
.sk-brand__text span { font-size: .68rem; letter-spacing: .18em; }
}
@media (min-width: 1180px) {
.sk-lang__btn { display: none; }
.sk-lang__list, .sk-lang__list:not(:popover-open) { display: block; position: static; inset: auto; inline-size: auto; min-inline-size: 0; max-block-size: none; margin: 0; padding: 0; overflow: visible; background: none; border: 0; box-shadow: none; opacity: 1; }
.sk-lang__list ul { display: flex; gap: .1rem; }
.sk-lang__item { min-block-size: 30px; padding: .15rem .45rem; gap: .35rem; border-radius: 6px; }
.sk-lang__item span { display: none; }
.sk-lang__item b { color: var(--text-2); font-size: .8rem; letter-spacing: .06em; }
.sk-lang__item[aria-current] b, .sk-lang__item:hover b { color: var(--gold-2); }
.sk-lang__item[aria-current] { background: var(--glass-2); box-shadow: inset 0 0 0 1px var(--line); }
}
@media (max-width: 600px) { .sk-brand__text span { display: none; } }
@media (max-width: 480px) { .sk-tag { font-size: .8rem; } }
@media (max-width: 420px) {
.sk-bar > .sk-wrap { gap: .6rem; }
.sk-brand { gap: .55rem; }
.sk-brand__text b { font-size: .98rem; letter-spacing: .04em; white-space: normal; }
}
.sk-ft { margin-block-start: clamp(3rem, 6vw, 5rem); color: var(--text-2); font-size: var(--fs-small); }
.sk-ft > .sk-wrap { border-block-start: 1px solid var(--line-2); padding-block: 2.5rem 1.5rem; }
.sk-ft__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(auto-fit, minmax(11rem, 1fr)); gap: 2rem 3rem; }
.sk-ft__brand .sk-brand { margin: 0 0 1rem; }
.sk-ft__about { margin: 0; max-inline-size: 30rem; color: var(--muted); }
.sk-ft__col h2 { font-size: .95rem; font-weight: 600; letter-spacing: var(--track-wide); text-transform: uppercase; color: var(--gold); margin-block-end: .75rem; }
.sk-ft__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .15rem; }
.sk-ft__col a { display: inline-block; padding-block: .3rem; color: var(--text-2); text-decoration: none; }
.sk-ft__col a:hover { color: var(--gold-2); }
.sk-ft__bot { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.75rem; margin-block-start: 2.25rem; padding-block-start: 1.25rem; border-block-start: 1px solid var(--line); color: var(--muted); }
.sk-ft__bot p { margin: 0; }
.sk-ft__policy { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; list-style: none; margin: 0 auto; padding: 0; }
.sk-ft__policy a, .sk-ft__policy button { padding: .3rem 0; background: none; border: 0; color: var(--text-2); text-decoration: underline; text-decoration-color: var(--line-2); text-underline-offset: .2em; cursor: pointer; font-size: var(--fs-small); }
.sk-ft__policy a:hover, .sk-ft__policy button:hover { color: var(--gold-2); }
@media (max-width: 720px) {
.sk-ft__grid { grid-template-columns: 1fr 1fr; }
.sk-ft__brand { grid-column: 1 / -1; }
.sk-ft__policy { margin-inline: 0; }
}
.serka-ctabar { position: fixed; inset-block-end: 0; inset-inline: 0; z-index: 900; display: flex; justify-content: center; padding-block-end: env(safe-area-inset-bottom, 0px); background: var(--bg); border-block-start: 1px solid var(--line); box-shadow: 0 -12px 28px -22px rgba(0, 0, 0, .7); }
.serka-ctabar__dock { display: flex; align-items: center; justify-content: center; gap: .55rem; block-size: var(--cta-h); inline-size: var(--wrap); min-inline-size: 0; }
.serka-ctabar__lead { margin: 0 .4rem 0 .2rem; color: var(--gold); font-size: .875rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-inline-size: 0; }
:root:is(:lang(ar), :lang(fa), :lang(zh), :lang(ja), :lang(ko), :lang(hi)) .serka-ctabar__lead { text-transform: none; letter-spacing: 0; }
.serka-ctabar__list { list-style: none; margin: 0; padding: 0; display: flex; gap: .45rem; }
.serka-ctabar__btn, .serka-ctabar__more { display: inline-flex; align-items: center; gap: .5rem; min-block-size: 42px; padding: 0 16px; background: var(--glass-2); color: var(--text); border: 1px solid var(--line); border-radius: var(--radius-s); font-size: var(--fs-ui); font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; transition: border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease); }
.serka-ctabar__btn:hover, .serka-ctabar__more:hover { color: var(--gold-2); border-color: var(--gold); }
.serka-ctabar__dot { flex: none; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--gold); }
.serka-ctabar__btn--whatsapp .serka-ctabar__dot { background: var(--wa); }
.serka-ctabar__btn--signal .serka-ctabar__dot { background: var(--sig); }
.serka-ctabar__btn--telegram .serka-ctabar__dot { background: var(--tg); }
.serka-ctabar__btn--wechat .serka-ctabar__dot { background: var(--wx); }
.serka-ctabar__panel { position: fixed; inset: auto; inset-block-end: calc(var(--cta-h) + var(--cta-gap) + 10px + env(safe-area-inset-bottom, 0px)); inset-inline: 0; margin-inline: auto; inline-size: min(22rem, calc(100vw - 24px)); padding: .6rem; background: var(--panel); color: var(--text); border: 1px solid var(--line-2); border-radius: var(--radius); box-shadow: var(--shadow); transition: opacity var(--dur-fast) var(--ease), display var(--dur-fast) allow-discrete, overlay var(--dur-fast) allow-discrete; }
.serka-ctabar__panel:not(:popover-open) { opacity: 0; }
@starting-style { .serka-ctabar__panel:popover-open { opacity: 0; } }
.serka-ctabar__list--panel { flex-direction: column; }
.serka-ctabar__list--panel .serka-ctabar__btn { inline-size: 100%; min-block-size: 46px; }
.sk-wx-qr { display: none; }
.sk-wx { position: fixed; inset: 0; margin: auto; inline-size: min(20rem, calc(100vw - 32px)); block-size: fit-content; padding: 1.25rem; background: var(--panel); color: var(--text); border: 1px solid var(--line-2); border-radius: var(--radius); box-shadow: var(--shadow); text-align: center; }
.sk-wx::backdrop { background: rgba(0, 0, 0, .55); }
.sk-wx img { inline-size: 100%; block-size: auto; margin-inline: auto; background: #fff; padding: 10px; border-radius: 10px; }
.sk-wx p { margin: .85rem 0 .5rem; }
.sk-wx__link { display: block; font-size: .95rem; overflow-wrap: anywhere; }
.sk-wx__close { margin: .9rem auto 0; cursor: pointer; }
@media (hover: hover) and (pointer: fine) {
.sk-wx-link { display: none; }
.sk-wx-qr { display: inline-flex; inline-size: 100%; min-block-size: 46px; }
}
@media (max-width: 760px) {
.serka-ctabar__dock { inline-size: 100%; padding-inline: 10px; }
.serka-ctabar__lead { display: none; }
.serka-ctabar__btn, .serka-ctabar__more { padding: 0 12px; }
}
@media (max-width: 460px) {
.serka-ctabar__dock { gap: .3rem; padding-inline: 6px; overflow-x: auto; }
.serka-ctabar__list { gap: .3rem; }
.serka-ctabar__btn, .serka-ctabar__more { padding: 0 9px; gap: .35rem; font-size: 1rem; }
}
}
@layer shell.page {
.sk-main { padding-block: clamp(1.25rem, 3vw, 2.25rem) 0; }
.sk-crumb ol { list-style: none; margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem); padding: 0; font-size: var(--fs-small); line-height: 1.5; color: var(--muted); }
.sk-crumb li { display: inline; }
.sk-crumb li + li::before { content: "\203A"; margin-inline: .5em; color: var(--gold); opacity: .8; }
html[dir="rtl"] .sk-crumb li + li::before { content: "\2039"; }
.sk-crumb a { color: var(--muted); text-decoration: none; }
.sk-crumb a:hover { color: var(--gold-2); text-decoration: underline; }
.sk-crumb [aria-current] { color: var(--text-2); }
.sk-head { margin-block-end: clamp(1.5rem, 3vw, 2.25rem); }
.sk-kicker { margin: 0 0 .75rem; display: flex; align-items: center; gap: .7rem; color: var(--gold); font-size: var(--fs-kicker); font-weight: 600; letter-spacing: var(--track-wide); text-transform: uppercase; }
.sk-kicker::before { content: ""; inline-size: 28px; block-size: 1px; background: var(--gold); }
:root:is(:lang(ar), :lang(fa), :lang(zh), :lang(ja), :lang(ko), :lang(hi)) .sk-kicker { text-transform: none; }
.sk-h1 { font-size: var(--fs-h1); max-inline-size: 26ch; }
:root:is(:lang(zh), :lang(ja), :lang(ko)) .sk-h1 { max-inline-size: 30em; }
.sk-lead { margin: 1rem 0 0; max-inline-size: 60rem; color: var(--text-2); font-size: clamp(1.2rem, 1.1rem + .4vw, 1.4rem); line-height: 1.5; }
.sk-fig { margin: 0 0 clamp(1.75rem, 3.5vw, 2.5rem); }
.sk-fig img { inline-size: 100%; block-size: auto; aspect-ratio: 21 / 8; object-fit: cover; border: 1px solid var(--line); border-radius: var(--radius); background: var(--glass-2); }
@media (max-width: 640px) { .sk-fig img { aspect-ratio: 16 / 9; } }
.sk-fig figcaption { margin-block-start: .5rem; color: var(--muted); font-size: var(--fs-small); }
.sk-body { color: var(--text); }
.sk-body > :first-child { margin-block-start: 0; }
.sk-body p, .sk-body ul, .sk-body ol, .sk-body dl, .sk-body table, .sk-body blockquote, .sk-body figure, .sk-body details, .sk-body .sk-table { margin-block: 0 1.05em; }
.sk-body h2 { font-size: var(--fs-h2); margin-block: 2.1em .6em; padding-block-start: 1.1em; border-block-start: 1px solid var(--line); }
.sk-body > h2:first-child, .sk-body > section:first-child > h2:first-child { border: 0; padding: 0; }
.sk-body h3 { font-size: var(--fs-h3); margin-block: 1.6em .45em; color: var(--gold-2); }
.sk-body h4 { font-size: var(--fs-h4); margin-block: 1.4em .4em; }
.sk-body h5, .sk-body h6 { font-size: var(--fs-body); margin-block: 1.2em .3em; }
.sk-body ul, .sk-body ol { padding-inline-start: 1.35em; }
.sk-body li { margin-block: .3em; padding-inline-start: .2em; }
.sk-body li::marker { color: var(--gold); }
.sk-body strong, .sk-body b { font-weight: 600; color: var(--text); }
.sk-body em, .sk-body i { font-style: italic; }
.sk-body hr { border: 0; border-block-start: 1px solid var(--line); margin-block: 2em; }
.sk-body blockquote { margin-inline: 0; padding: .9em 1.2em; border-inline-start: 3px solid var(--gold); background: var(--glass-2); border-start-start-radius: 0; border-end-start-radius: 0; border-start-end-radius: var(--radius-s); border-end-end-radius: var(--radius-s); color: var(--text-2); }
.sk-body blockquote > :last-child { margin-block-end: 0; }
.sk-body img { border-radius: var(--radius-s); }
.sk-body figure { margin-inline: 0; }
.sk-body figcaption, .sk-body caption { color: var(--muted); font-size: var(--fs-small); caption-side: top; text-align: start; padding-block-end: .5rem; }
.sk-table { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-s); background: var(--glass-2); }
.sk-table:focus-visible { outline-offset: 2px; }
.sk-body table { inline-size: 100%; border-collapse: collapse; font-size: .95em; line-height: 1.5; }
.sk-table table { margin: 0; }
.sk-body th, .sk-body td { padding: .7em .9em; text-align: start; vertical-align: top; border-block-end: 1px solid var(--line); }
.sk-body th { color: var(--gold-2); font-weight: 600; background: var(--glass-2); }
.sk-body tr:last-child > td { border-block-end: 0; }
.sk-body details { border: 1px solid var(--line); border-radius: var(--radius-s); background: var(--glass-2); padding: 0 1.1em; }
.sk-body summary { cursor: pointer; padding-block: .85em; list-style-position: outside; margin-inline-start: 1em; }
.sk-body summary::marker { color: var(--gold); }
.sk-body summary > :is(h2, h3, h4) { display: inline; margin: 0; padding: 0; border: 0; font-size: var(--fs-h4); color: var(--text); }
.sk-body details[open] > summary { border-block-end: 1px solid var(--line); margin-block-end: .9em; }
.sk-byline { margin-block: 0 1.25rem; color: var(--muted); font-size: var(--fs-small); font-style: normal; }
.sk-byline__firm { color: var(--text); font-weight: 600; }
.sk-byline a { color: var(--gold-2); }
.sk-note { color: var(--muted); font-style: italic; }
.sk-box { margin-block: 0 1.25rem; padding: 1.1em 1.3em; border: 1px solid var(--line); border-radius: var(--radius); background: var(--glass); }
.sk-box > :last-child { margin-block-end: 0; }
.sk-box--bluf { border-inline-start: 3px solid var(--gold); }
.sk-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1.5rem 2rem; align-items: start; margin-block-end: 1.25rem; }
.sk-split > * { min-inline-size: 0; }
.sk-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: .75rem; list-style: none; padding: 0; margin-block: 0 1.25rem; }
.sk-facts > li, .sk-facts > div { margin: 0; padding: .9em 1.1em; border: 1px solid var(--line); border-radius: var(--radius-s); background: var(--glass-2); }
.sk-facts__k { display: block; color: var(--muted); font-size: var(--fs-small); letter-spacing: .04em; }
.sk-facts__v { display: block; color: var(--text); font-size: 1.25em; font-weight: 600; line-height: 1.25; }
.sk-portrait { margin: 0 0 1.25rem; max-inline-size: 22rem; }
.sk-portrait img { inline-size: 100%; border: 1px solid var(--line); border-radius: var(--radius); }
.sk-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-block: 0 1.25rem; }
.sk-btn { display: inline-flex; align-items: center; gap: .5rem; min-block-size: 44px; padding: 0 18px; border: 1px solid var(--line-2); border-radius: var(--radius-s); background: var(--glass-2); color: var(--text); font-size: var(--fs-ui); font-weight: 600; text-decoration: none; }
.sk-btn:hover { color: var(--gold-2); border-color: var(--gold); }
.sk-btn--gold { background: linear-gradient(145deg, var(--gold-2), var(--gold)); color: var(--on-gold); border-color: transparent; }
.sk-btn--gold:hover { color: var(--on-gold); filter: brightness(1.06); }
.sk-stack { display: grid; gap: 1.25rem; align-content: start; min-inline-size: 0; }
.sk-stack > * { margin-block: 0; }
.cmplz-placeholder-parent iframe { inline-size: 100%; block-size: 24rem; border: 1px solid var(--line); border-radius: var(--radius); }
body:not(.cmplz-marketing) .cmplz-placeholder-parent { display: none; }
.serka-first { margin-block: 0 clamp(1.75rem, 3.5vw, 2.5rem); padding: clamp(1.1rem, 2.5vw, 1.6rem) clamp(1.1rem, 2.5vw, 1.75rem); border: 1px solid var(--line); border-inline-start: 3px solid var(--gold); border-radius: var(--radius); background: var(--glass); }
.serka-first__what { margin: 0 0 .7rem; color: var(--text); }
.serka-first__strength { margin: 0 0 .7rem; color: var(--text-2); }
.serka-first__hope { margin: 0 0 1rem; color: var(--text); font-weight: 600; font-size: 1.05em; }
.serka-first__routes { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0 0 .9rem; }
.serka-first__routes .serka-ctabar__btn { min-block-size: 46px; padding: 0 18px; }
.serka-first__ask { margin: 0; color: var(--text-2); }
}
@layer shell.parts {
.sk-cards { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)); gap: 1.5rem; }
.sk-card { position: relative; display: flex; flex-direction: column; min-inline-size: 0; background: var(--glass); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: border-color var(--dur-fast) var(--ease), translate var(--dur) var(--ease); }
.sk-card:hover, .sk-card:focus-within { border-color: var(--line-2); translate: 0 -2px; }
.sk-card__media { display: block; aspect-ratio: 16 / 9; background: var(--glass-2); border-block-end: 1px solid var(--line); }
.sk-card__media img { inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: 0; }
.sk-card__body { display: flex; flex-direction: column; gap: .5rem; flex: 1; padding: 1.2rem 1.3rem 1.3rem; }
.sk-card__tag { margin: 0; align-self: flex-start; padding: .1rem .65rem; border: 1px solid var(--line-2); border-radius: 999px; color: var(--gold); font-size: .875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
:root:is(:lang(ar), :lang(fa), :lang(zh), :lang(ja), :lang(ko), :lang(hi)) .sk-card__tag { text-transform: none; letter-spacing: 0; }
.sk-card__title { margin: 0; padding: 0; border: 0; font-size: clamp(1.3rem, 1.2rem + .35vw, 1.5rem); line-height: 1.2; color: var(--text); }
.sk-body .sk-facts { padding: 0; list-style: none; }
.sk-body .sk-facts > li { padding-inline-start: 1.1em; }
.sk-body .sk-facts > li::marker { content: none; }
.sk-body .sk-facts p, .sk-body .sk-steps p { margin: 0; }
.sk-body .sk-steps { padding: 0; }
.sk-body .sk-steps h3 { margin: 0 0 .35em; color: var(--text); }
.sk-split--portrait { grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); }
@media (max-width: 760px) { .sk-split--portrait { grid-template-columns: 1fr; } }
.sk-card__title a { color: var(--text); text-decoration: none; }
.sk-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.sk-card__title a:hover { color: var(--gold-2); }
.sk-card__title a:focus-visible { outline: 0; }
.sk-card:has(.sk-card__title a:focus-visible) { outline: 2px solid var(--gold-2); outline-offset: 3px; }
.sk-card__text { margin: 0; color: var(--text-2); font-size: var(--fs-small); line-height: 1.55; }
.sk-card__meta { margin: auto 0 0; padding-block-start: .5rem; color: var(--muted); font-size: .95rem; }
.sk-card__body > a, .sk-card__more { position: relative; z-index: 1; }
.sk-pag { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .45rem; margin-block: 0 2rem; }
.sk-pag a, .sk-pag span { display: inline-grid; place-items: center; min-inline-size: 44px; min-block-size: 44px; padding: 0 .6rem; border: 1px solid var(--line); border-radius: var(--radius-s); color: var(--text); text-decoration: none; }
.sk-pag a:hover { border-color: var(--gold); color: var(--gold-2); }
.sk-pag [aria-current] { background: linear-gradient(145deg, var(--gold-2), var(--gold)); color: var(--on-gold); border-color: transparent; font-weight: 600; }
.sk-pag .sk-pag__gap { border: 0; min-inline-size: 1.5rem; }
.sk-more { display: flex; justify-content: center; margin-block: 0 2rem; }
.sk-channels { list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: .6rem; }
.sk-channels a, .sk-channels button { display: grid; gap: .1rem; inline-size: 100%; padding: .8rem 1rem; border: 1px solid var(--line); border-radius: var(--radius-s); background: var(--glass-2); color: var(--text); text-align: start; text-decoration: none; cursor: pointer; }
.sk-channels a:hover, .sk-channels button:hover { border-color: var(--gold); }
.sk-channels .sk-wx-qr { display: none; }
@media (hover: hover) and (pointer: fine) {
.sk-channels .sk-wx-qr { display: grid; }
.sk-channels li:has(> .sk-wx-link) { display: none; }
}
.sk-channels b { font-weight: 600; }
.sk-channels span { color: var(--gold-2); font-size: var(--fs-small); }
.sk-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: center; margin-block-end: clamp(2rem, 5vw, 3.5rem); }
.sk-hero__media img { inline-size: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--line-2); border-radius: 18px; box-shadow: var(--shadow); }
.sk-hero__media--portrait img { aspect-ratio: 2 / 3; max-inline-size: 22rem; margin-inline: auto; }
.sk-hero .sk-h1 { max-inline-size: 18ch; }
@media (max-width: 900px) { .sk-hero { grid-template-columns: 1fr; } .sk-hero__media { order: -1; } }
.sk-steps { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 1rem; counter-reset: sk-step; }
.sk-steps > li { counter-increment: sk-step; margin: 0; padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--glass); }
.sk-steps > li::before { content: counter(sk-step, decimal-leading-zero); display: block; color: var(--gold); font-size: 1.4rem; font-weight: 600; margin-block-end: .3rem; }
.sk-body .sk-kicker { margin-block: 2.6rem .55rem; padding-block-start: 1.6rem; border-block-start: 1px solid var(--line); }
.sk-body > .sk-kicker:first-child, .sk-body > section:first-child > .sk-kicker:first-child { margin-block-start: 0; padding-block-start: 0; border: 0; }
.sk-body .sk-kicker + h2 { margin-block-start: 0; padding-block-start: 0; border: 0; }
.sk-facts { grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); }
.sk-facts:has(> li > img, > li > a > img) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 14rem)); justify-content: start; }
.sk-facts > li > img, .sk-facts > li > a > img { display: block; inline-size: 100%; max-inline-size: 210px; block-size: auto; margin-inline: auto; }
}
@layer shell.consent {
.sk-consent { position: fixed; z-index: 1100; inset-inline: auto 12px; inset-block-end: calc(var(--cta-h) + var(--cta-gap) + 12px + env(safe-area-inset-bottom, 0px)); inline-size: 21rem; max-inline-size: calc(100vw - 24px); max-block-size: calc(100dvh - var(--hdr-h) - var(--cta-h) - 48px); overflow: auto; margin: 0; padding: 1rem 1.1rem .8rem; background: var(--panel); color: var(--text); border: 1px solid var(--line-2); border-radius: 14px; box-shadow: var(--shadow); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); font-family: var(--serif); font-size: var(--fs-small); line-height: 1.45; text-align: start; }
.sk-consent[hidden], .sk-consent__prefs[hidden] { display: none; }
.sk-consent:focus { outline: 0; border-color: var(--gold); }
.sk-consent__title { margin: 0 0 .25rem; font-weight: 600; font-size: 1.05rem; color: var(--gold-2); }
.sk-consent__text { margin: 0 0 .4rem; }
.sk-consent__links { display: flex; flex-wrap: wrap; gap: .15rem 1rem; margin: 0; font-size: .95rem; }
.sk-consent__link { color: var(--text-2); text-decoration: underline; text-underline-offset: .15em; }
.sk-consent__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin-block-start: .75rem; }
.sk-consent__btn, .sk-embed__btn { min-block-size: 44px; padding: .3rem .8rem; background: var(--glass-2); color: var(--text); border: 1px solid var(--line-2); border-radius: 10px; font-weight: 600; cursor: pointer; }
.sk-consent__btn:hover, .sk-consent__btn:focus-visible, .sk-embed__btn:hover, .sk-embed__btn:focus-visible { border-color: var(--gold); color: var(--gold-2); }
.sk-consent__actions .sk-consent__btn[data-consent-act="prefs"] { grid-column: 1 / -1; justify-self: center; min-block-size: 32px; background: none; border: 0; font-weight: 500; text-decoration: underline; text-underline-offset: .15em; color: var(--text-2); }
.sk-consent__prefs { margin-block: .65rem .2rem; padding-block-start: .65rem; border-block-start: 1px solid var(--line); }
.sk-consent__more, .sk-consent__kept { margin: 0 0 .5rem; font-size: .95rem; color: var(--text-2); }
.sk-consent__prefs-title { margin: 0 0 .4rem; font-weight: 600; }
.sk-consent__cat { display: flex; gap: .6rem; align-items: flex-start; margin-block-end: .55rem; font-size: .95rem; }
.sk-consent__cat input { flex: none; margin-block-start: .3rem; inline-size: 1.05rem; block-size: 1.05rem; accent-color: var(--gold); }
.sk-consent__prefs .sk-consent__btn { inline-size: 100%; }
.sk-consent:has(.sk-consent__prefs:not([hidden])) .sk-consent__actions { display: none; }
.sk-consent:has(.sk-consent__prefs:not([hidden])) { inline-size: 26rem; }
.sk-embed { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; min-block-size: 300px; padding: 1.5rem; background: var(--glass); color: var(--text); border: 1px solid var(--line-2); border-radius: var(--radius); text-align: center; }
.sk-embed__text { margin: 0; max-inline-size: 28rem; }
.sk-consent-manage { margin-block: .75rem; }
@media (max-width: 760px) {
.sk-consent { inset-inline: 8px; inline-size: auto; inset-block-end: calc(var(--cta-h) + 8px + env(safe-area-inset-bottom, 0px)); padding: .7rem .8rem .5rem; font-size: .95rem; }
.sk-consent__actions .sk-consent__btn { min-block-size: 40px; }
}
}
@layer shell.base {
:root:lang(he) { --serif: "Frank Ruhl Libre", "EB Garamond", "EB Garamond Fallback", serif; --lh-body: 1.72; --lh-head: 1.32; --track-head: 0; --track-wide: 0; }
[lang="he"] { font-family: "Frank Ruhl Libre", var(--serif); }
}
@layer shell.chrome {
:root:lang(he) .sk-brand__text span { letter-spacing: .04em; text-transform: none; font-family: var(--serif); }
:root:lang(he) .serka-ctabar__lead { text-transform: none; letter-spacing: 0; }
}
@layer shell.page {
:root:lang(he) .sk-kicker { text-transform: none; }
}
@layer shell.parts {
:root:lang(he) .sk-card__tag { text-transform: none; letter-spacing: 0; }
}