@font-face{font-family:"Markazi";src:url(fonts/markazi-ar.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Readex";src:url(fonts/readex-ar.woff2) format("woff2");font-weight:200 500;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-it.woff2) format("woff2");font-style:italic;font-display:swap}
:root{--brown:#432C1E;--deep:#2B1C13;--cream:#F7F1EA;--gray:#CBC6C0;--copper:#D1946E;--gold:#F5E7C4}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--deep);color:var(--cream);font-family:"Readex",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.stage{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(40px,8vh,88px) 24px clamp(24px,4vh,40px);background:linear-gradient(180deg,var(--deep) 0%,var(--brown) 100%);overflow:hidden;isolation:isolate}
.dawn{position:absolute;z-index:-2;inset-inline:-20%;bottom:-55vh;height:110vh;border-radius:50%;background:radial-gradient(closest-side,rgba(209,148,110,.34),rgba(209,148,110,.1) 55%,transparent);animation:rise 3.6s cubic-bezier(.16,1,.3,1) both}
.bars{position:absolute;z-index:-1;left:50%;bottom:0;height:min(112vh,150vw);width:auto;transform:translateX(-50%);color:var(--gray);opacity:.075}
.bars path{transform-box:fill-box;transform-origin:50% 100%;animation:grow 1.9s cubic-bezier(.16,1,.3,1) both}
.bars path:nth-child(1),.bars path:nth-child(3),.bars path:nth-child(8){animation-delay:.05s}
.bars path:nth-child(2),.bars path:nth-child(7){animation-delay:.15s}
.bars path:nth-child(4),.bars path:nth-child(9){animation-delay:.25s}
.bars path:nth-child(5),.bars path:nth-child(10){animation-delay:.35s}
.bars path:nth-child(6){animation-delay:.3s}
.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:32px}
.logo{width:clamp(170px,22vw,280px);color:var(--cream);margin-bottom:clamp(36px,6vh,60px);animation:up 1.4s .5s cubic-bezier(.16,1,.3,1) both}
.logo svg{display:block;width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tag{font-family:"Markazi",serif;font-weight:500;font-size:clamp(38px,5.4vw,72px);line-height:1.2;color:var(--gold);animation:up 1.4s .8s cubic-bezier(.16,1,.3,1) both}
.en{font-family:"Cormorant",Georgia,serif;font-style:italic;font-size:clamp(17px,1.7vw,23px);color:var(--gray);margin-top:6px;animation:up 1.4s .95s cubic-bezier(.16,1,.3,1) both}
.rule{width:1px;height:clamp(32px,6vh,56px);margin-block:clamp(22px,4vh,36px);background:linear-gradient(180deg,transparent,var(--copper));animation:up 1.4s 1.1s cubic-bezier(.16,1,.3,1) both}
.soon{font-size:clamp(15px,1.25vw,18px);color:var(--cream);animation:up 1.4s 1.2s cubic-bezier(.16,1,.3,1) both}
.contact{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px clamp(20px,3vw,40px);font-size:14px;line-height:1.7;color:var(--gray);text-align:center;animation:up 1.4s 1.35s cubic-bezier(.16,1,.3,1) both}
.contact a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;padding-block:4px;transition:color .3s,border-color .3s}
.contact a:hover,.contact a:focus-visible{color:var(--gold);border-color:var(--copper)}
.contact a:focus-visible{outline:1px solid var(--copper);outline-offset:4px}
.contact .ltr{direction:ltr;unicode-bidi:isolate}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes rise{from{transform:translateY(38vh);opacity:0}to{transform:none;opacity:1}}
@keyframes up{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:640px){.contact{flex-direction:column;gap:4px;font-size:13.5px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}