.brand-symbol,.site-header .brand-symbol{background:transparent;border-radius:0;padding:0;object-fit:contain}
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.social-link{display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #e0d6c2;border-radius:6px;color:#171814;background:#fff;transition:border-color .2s,transform .2s;min-height:65px}
.social-link:hover{border-color:#b28d47;transform:translateY(-2px)}
.social-link .social-icon{width:29px;height:29px;flex:0 0 29px;color:#171814}
.social-label{display:flex;flex-direction:column;gap:3px}
.social-label strong{font-size:12px;font-weight:700}
.social-label bdi{font:11px/1.5 Arial,sans-serif;color:#73766e}
html{scrollbar-gutter:stable}
.site-intro{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#07131a;color:#fff;overflow:hidden;z-index:100000;opacity:0;transition:opacity .55s ease}
.site-intro:not([open]){display:none}
.site-intro[open]{display:grid;place-items:center}
.site-intro.is-visible{opacity:1}
.site-intro.is-closing{opacity:0;pointer-events:none}
.site-intro::backdrop{background:#07131a;opacity:1;transition:opacity .55s ease}
.site-intro.is-closing::backdrop{opacity:0}
.site-intro:before{content:'';position:absolute;inset:-30px;background:linear-gradient(#07131aa6,#07131acc),url('assets/intro-start.webp') center/cover;filter:blur(25px);pointer-events:none}
.intro-open{overflow:hidden}
.intro-video{position:relative;width:100%;height:100%;max-height:100dvh;object-fit:contain;display:block;opacity:0;transition:opacity .3s ease}
.site-intro.is-ready .intro-video{opacity:1}
.intro-controls{position:absolute;inset:auto max(28px,4vw) max(25px,env(safe-area-inset-bottom)) max(28px,4vw);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}
.intro-enter{font-family:HudhaifahNoto,Arial,sans-serif;font-size:13px;display:inline-flex;gap:25px;align-items:center;justify-content:center;min-height:47px;padding:12px 23px;border:1px solid #e5cc9690;border-radius:5px;background:#171814c9;color:#f5e5c1;backdrop-filter:blur(10px)}
.intro-enter:hover{background:#e5cc96;color:#171814}
.intro-progress{width:145px;height:3px;direction:ltr;accent-color:#e5cc96;border:0;background:#ffffff2b;border-radius:5px;overflow:hidden}
.intro-progress::-webkit-progress-bar{background:#ffffff2b}
.intro-progress::-webkit-progress-value{background:#e5cc96}
.intro-progress::-moz-progress-bar{background:#e5cc96}
.intro-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:1px solid #ead9b3;background:#171814bf;color:#ead9b3;font-size:25px;z-index:3}
.intro-play[hidden]{display:none}
.intro-replay{position:absolute;left:max(56px,calc((100vw - var(--wrap))/2));bottom:70px;display:flex;align-items:center;gap:9px;font-family:HudhaifahNoto,Arial,sans-serif;font-size:10px;padding:9px 12px;background:#17181470;border:1px solid #e5cc9650;border-radius:5px;color:#e5cc96}
.intro-replay svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
@media(max-width:820px){
 .intro-controls{inset-inline:18px;bottom:max(22px,env(safe-area-inset-bottom))}
 .intro-enter{font-size:11px;padding:10px 17px;min-height:44px;gap:18px}
 .intro-progress{width:90px}
 .intro-replay{left:4%;bottom:75px;font-size:9px;padding:8px 10px}
 .social-links{gap:10px}
 .social-link{padding:12px;gap:10px;min-height:62px}
 .social-link .social-icon{width:25px;height:25px;flex-basis:25px}
 .social-label bdi{font-size:10px}
 .social-label strong{font-size:11px}
}
.floating-contact.is-contact-visible{visibility:hidden;opacity:0;pointer-events:none}
.topbar{justify-content:flex-start}
@media(prefers-reduced-motion:reduce){.social-link,.site-intro,.site-intro::backdrop,.intro-video{transition:none}}