:root{
--ink:#0E0D0B;
--ink-2:#1A1712;
--ink-3:#252017;
--gold:#E8A93B;
--gold-deep:#B9791E;
--cream:#F5EEDD;
--muted:#9C9686;
--divider:#332C20;
--ink-88:rgba(14,13,11,.88);
--ink-92:rgba(14,13,11,.92);
}
html{scroll-behavior:smooth;}
body{background:var(--ink); font-family:'Alexandria', sans-serif; color:var(--cream); overflow-x:hidden;}
.font-display{font-family:'Changa', sans-serif; font-weight:700;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
.sr-only.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal;background:var(--gold);color:var(--ink);padding:0.5rem 1rem;z-index:50;}

.fade-in{opacity:0;transform:translateY(20px);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;}

.btn-gold{border-radius:9999px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:var(--gold); color:var(--ink); padding:1rem 2.25rem; font-weight:800; transition:transform .4s cubic-bezier(.19,1,.22,1), background-color .4s ease, box-shadow .4s ease; box-shadow:0 0 0 rgba(232,169,59,0);}
.btn-gold:hover{transform:translateY(-3px); background:#F2BB57; box-shadow:0 14px 34px -14px rgba(232,169,59,.55);}
.btn-gold:focus-visible{outline:2px solid var(--cream); outline-offset:3px;}

.btn-outline{border-radius:9999px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:1.5px solid var(--gold); color:var(--gold); padding:.95rem 2.1rem; font-weight:700; transition:all .4s cubic-bezier(.19,1,.22,1);}
.btn-outline:hover{background:var(--gold); color:var(--ink);}

.ray-wrap{ mix-blend-mode:screen; opacity:.9; }

.spec-tile{border:1px solid var(--divider); background:var(--ink-2); border-right:3px solid var(--gold); border-radius:.5rem; padding:1.4rem 1.2rem; transition:transform .35s cubic-bezier(.19,1,.22,1), border-color .35s ease, background-color .35s ease;}
[dir="rtl"] .spec-tile{border-right:1px solid var(--divider); border-left:3px solid var(--gold);}
.spec-tile:hover{transform:translateY(-4px); background:var(--ink-3); border-color:var(--gold);}

.review-card{break-inside:avoid; margin-bottom:1.5rem; background:var(--ink-2); border:1px solid var(--divider); border-radius:.75rem; padding:1.75rem;}
.quote-mark-gold{font-family:'Changa', sans-serif; color:var(--gold); opacity:.5; font-size:2.5rem; line-height:.5;}

.rating-badge{display:flex; align-items:baseline; gap:.6rem;}

.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-gold:hover, .spec-tile:hover{transform:none;}
html{scroll-behavior:auto;}
}