@font-face{font-family:'Thmanyah Serif Display';src:url("fonts/thmanyahserifdisplay-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url("fonts/thmanyahserifdisplay-Bold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{--ink:#77462C;--paper:#FFF9ED;--bar:#E9D8B8;--font:Georgia,'Thmanyah Serif Display','Times New Roman',serif}
html[lang="ar"]{--font:'Thmanyah Serif Display',Georgia,serif}

*{box-sizing:border-box}
html,body{margin:0;background:var(--paper)}
body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}

.cs{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-bottom:116px;background:var(--paper);color:var(--ink);overflow:hidden}
.cs-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cs-photo{position:absolute;top:0;right:0;width:115.764%;height:112.5%;max-width:none;object-fit:cover;transform:scaleX(-1)}
.cs-veil{position:absolute;inset:0;background:linear-gradient(to right,#FFF9ED,rgba(255,249,237,.6))}
.cs-sadu{position:absolute;top:0;left:0;width:141.167px;height:112.5%;background:linear-gradient(to top,#77462C,rgba(221,130,82,0));opacity:.3;
  -webkit-mask:url("sadu_strip_mask.svg") 0 0/141.167px 900px repeat-y;mask:url("sadu_strip_mask.svg") 0 0/141.167px 900px repeat-y}

.cs-bar{position:sticky;top:24px;z-index:1;display:flex;flex:none;align-items:center;justify-content:center;
  width:calc(100% - 2 * clamp(16px,5.5556vw,80px));max-width:1280px;height:72px;margin:24px auto 0;overflow:hidden;
  border-radius:70px;background-color:var(--bar);box-shadow:inset 0 0 0 1px rgba(201,168,106,.4)}
.cs-bar::before{content:"";position:absolute;top:0;left:0;width:896px;height:72px;background:url("bar_texture.webp") 0 0/100% 100% no-repeat;pointer-events:none}
html[lang="ar"] .cs-bar::before{transform:rotate(180deg)}
.cs-logo{position:relative;width:101.606px;height:48px}
.cs-lang{position:absolute;top:16px;left:clamp(12px,8.3334vw - 40px,80px);display:flex;align-items:center;height:40px;padding:0 16px;
  border:1px solid var(--ink);font-family:'Thmanyah Serif Display',Georgia,serif;font-weight:500;font-size:16px;line-height:24px;text-transform:uppercase;
  white-space:nowrap;color:var(--ink);text-decoration:none;transition:background-color .2s ease}
.cs-lang:hover,.cs-lang:focus-visible{background-color:rgba(119,70,44,.08)}

.cs-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 24px 0;text-align:center}
.cs-title{max-width:11.97em;margin:0;font-weight:700;font-size:clamp(40px,24px + 2.7778vw,64px);line-height:1.125;text-transform:uppercase}
html[lang="ar"] .cs-title{max-width:7.625em;line-height:1.35}
.cs-subtitle{max-width:24.833em;margin:0;font-weight:400;font-size:clamp(18px,14px + .6945vw,24px);line-height:1.3333}
html[lang="ar"] .cs-subtitle{line-height:1.6}
.cs-social{display:flex;gap:12px;direction:ltr}
.cs-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--ink);
  -webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);transition:background-color .2s ease}
.cs-social a:hover,.cs-social a:focus-visible{background-color:rgba(119,70,44,.08)}
.cs-social img{width:17px;height:17px}
.cs-lang:focus-visible,.cs-social a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

@media (max-width:767.98px){.cs{padding-bottom:48px}.cs-content{gap:16px}}
@media (max-width:575.98px){
  .cs-bar{top:16px;width:calc(100% - 32px);height:64px;margin-top:16px}
  .cs-bar::before{width:796px;height:64px}
  .cs-logo{width:84.672px;height:40px}
  .cs-lang{top:12px;left:10px;padding:0 12px}
}
@media (max-width:359.98px){.cs-lang{padding:0 8px;font-size:14px}.cs-logo{width:76.2px;height:36px}}