:root{
--ink:#0A0D14;
--ink-2:#141822;
--bronze:#2E2410;
--bronze-deep:#1B1408;
--gold:#C9A227;
--gold-bright:#E4BE45;
--paper:#F3EFE4;
--muted:#A8A296;
}
html{scroll-behavior:smooth;}
body{background:var(--ink); font-family:'IBM Plex Sans Arabic', sans-serif; color:var(--paper); overflow-x: hidden;}
.font-display{font-family:'Markazi Text', serif;}
.letterhead-rule{display:flex;align-items:center;gap:.9rem;}
.letterhead-rule::before,.letterhead-rule::after{content:"";flex:1;height:1px;background:var(--gold);opacity:.5;}
.letterhead-diamond{width:8px;height:8px;background:var(--gold-bright);transform:rotate(45deg);flex-shrink:0;}
.fade-in{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .9s cubic-bezier(.19,1,.22,1);}
.fade-in.is-visible{opacity:1;transform:translateY(0);}
.stagger-1{transition-delay:.05s;} .stagger-2{transition-delay:.15s;} .stagger-3{transition-delay:.25s;} .stagger-4{transition-delay:.35s;}
.gold-text{color:var(--gold-bright);}
.hairline{border-color:rgba(201,162,39,.25);}
.lift{transition:transform .45s cubic-bezier(.19,1,.22,1), border-color .45s ease, box-shadow .45s ease;}
.lift:hover{transform:translateY(-6px);border-color:rgba(228,190,69,.55);box-shadow:0 20px 40px -20px rgba(0,0,0,.6);}
.btn{border-radius:0.5rem; display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; transition:transform .35s cubic-bezier(.19,1,.22,1), background-color .35s ease, box-shadow .35s ease;}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px -12px rgba(201,162,39,.45);}
.frame{position:relative;border:1px solid rgba(201,162,39,.4);}
.frame::before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,162,39,.25);pointer-events:none; z-index:10; border-radius:inherit;}
.monogram{font-family:'Markazi Text',serif;}
.hide-scrollbar::-webkit-scrollbar{display:none;}
.hide-scrollbar{-ms-overflow-style:none; scrollbar-width:none;}
@media (prefers-reduced-motion: reduce){
.fade-in{opacity:1;transform:none;transition:none;}
.lift:hover, .btn:hover{transform:none;}
html{scroll-behavior:auto;}
}