/* Decorative, time-limited welcome layer; hidden unless the boot script opts in. */
.lazord-intro { display: none; }
html.lazord-intro-active { overflow: hidden; }
.lazord-intro-active .lazord-intro {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #123d34;
    color: #dfc18b;
    text-align: center;
    animation: lazord-intro-exit .6s cubic-bezier(.76, 0, .24, 1) 1.6s both;
}
.lazord-intro__identity { padding: 28px; }
.lazord-intro__gem {
    position: relative;
    width: clamp(108px, 17vw, 160px);
    margin: 0 auto 20px;
}
.lazord-intro__gem svg { display: block; width: 100%; height: auto; }
.lazord-intro__gem path {
    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
}
.lazord-intro__outline { animation: lazord-gem-draw .8s ease-out .05s forwards; }
.lazord-intro__facets { animation: lazord-gem-draw .65s ease-out .3s forwards; }
.lazord-intro__glint {
    position: absolute;
    top: 11%;
    right: 22%;
    width: 24px;
    height: 24px;
    opacity: 0;
    animation: lazord-gem-glint .65s ease-in-out .65s both;
}
.lazord-intro__glint::before, .lazord-intro__glint::after {
    content: "";
    position: absolute;
    background: #fff2d6;
    border-radius: 50%;
}
.lazord-intro__glint::before { top: 11px; left: 0; width: 24px; height: 1px; }
.lazord-intro__glint::after { top: 0; left: 11px; width: 1px; height: 24px; }
.lazord-intro__wordmark {
    opacity: 0;
    animation: lazord-wordmark-in .6s ease-out .45s forwards;
}
.lazord-intro__wordmark strong {
    display: block;
    font-family: "Tajawal", Tahoma, sans-serif;
    font-size: clamp(48px, 9vw, 76px);
    font-weight: 500;
    line-height: 1.35;
}
.lazord-intro__wordmark > span {
    display: block;
    margin-top: 4px;
    padding-left: .55em;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(12px, 2.5vw, 17px);
    letter-spacing: .55em;
}
.lazord-intro__wordmark p {
    margin: 18px 0 0;
    color: #efe6d5;
    font-family: "Tajawal", Tahoma, sans-serif;
    font-size: 13px;
    font-weight: 400;
}
@keyframes lazord-gem-draw { to { stroke-dashoffset: 0; } }
@keyframes lazord-wordmark-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes lazord-gem-glint {
    0%, 100% { opacity: 0; transform: scale(.3) rotate(0); }
    45% { opacity: 1; transform: scale(1) rotate(15deg); }
}
@keyframes lazord-intro-exit {
    0% { transform: translateY(0); visibility: visible; }
    100% { transform: translateY(-100%); visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
    html.lazord-intro-active { overflow: auto; }
    .lazord-intro-active .lazord-intro { display: none; animation: none; }
    .lazord-intro * { animation: none !important; }
}
@media print { .lazord-intro-active .lazord-intro { display: none; } }