/* Alajnaf Inc. additions on top of the shared Aurum styles (demo.css).
   Colour scheme: cream and light gold, with deep warm-brown text so everything stays easy to read. */
:root{--bg:#F6EFE0;--ink:#2B2416;--gold:#C9A55A;--gold-hi:#DDBF7E;--gold-deep:#9A7737;--gold-soft:rgba(180,143,72,.42);
  --text:#2B2416;--muted:#5E5546;--dim:#857B69;--line:#E6DAC0;--pale:#FBF6EA;--panel:rgba(255,252,245,.88)}
html,body{background:var(--bg)}

/* gold words and labels: a deeper gold so they read on cream */
h1 em,h2 em,.kicker,.stat dd,.next span,.founder__photo figcaption span,.panel small,.more:hover{color:var(--gold-deep)}
.nav a:hover,.nav a[aria-current=page],.nav .pill{color:var(--gold-deep)}
.btn--gold,.panel .btn--gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn--gold:hover,.btn--gold:focus-visible{box-shadow:0 14px 34px -12px rgba(154,119,55,.55)}
.btn--ghost{color:var(--ink);border-color:var(--gold-soft)}
.btn--ghost:hover{color:var(--gold-deep);border-color:var(--gold)}
.unfold__btn{background:rgba(255,252,245,.7);color:var(--gold-deep)}
.storybtn,.storybtn span,.scroll{color:var(--gold-deep)}
.contactbig a{color:var(--ink)}
.contactbig a:hover{color:var(--gold-deep)}
.founder__quote{color:var(--ink)}
.sig text{fill:var(--gold-deep);stroke:var(--gold-deep)}
.vignette{background:radial-gradient(120% 90% at 50% 45%,transparent 50%,rgba(205,186,150,.32) 100%)}
[data-sky=night] .vignette{background:radial-gradient(120% 90% at 50% 45%,transparent 50%,rgba(205,186,150,.38) 100%)}
.veil{background:rgba(246,239,226,.9)}
header.is-scrolled{background:rgba(248,242,230,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.burger,.hsearch,.soundbtn{color:var(--gold-deep)}
.caption{color:var(--ink)}
.skylabel{color:var(--dim)}
.pmarks button::before{background:var(--bg)}
.dust{background:var(--gold);box-shadow:0 0 6px rgba(201,165,90,.6)}
.next:hover,.next:hover span{color:var(--ink)}
footer a:hover{color:var(--gold-deep)}

/* wordmark */
.wordmark{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--serif);font-size:30px;line-height:1;letter-spacing:.01em;color:var(--ink)}
.wordmark small{font-family:var(--sans,inherit);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep)}
.logo:hover .wordmark{color:var(--gold-deep)}
@media (max-width:600px){.wordmark{font-size:24px}}

.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid--4{grid-template-columns:1fr}}

/* phone: text sits on white cards */
@media (max-width:820px){
  section:not([data-side="center"]) .copy{background:#FFFCF5;border-color:var(--line)}
  section:not([data-side="center"]) .copy h1 em,section:not([data-side="center"]) .copy h2 em,section:not([data-side="center"]) .copy .kicker{color:#8C6A2E}
}

/* signature logo in the header, with "Inc." beside it */
.wordmark img{display:block;height:74px;width:auto;margin:-14px -4px -16px -10px}
.wordmark small{font-family:var(--serif);font-style:italic;font-size:19px;letter-spacing:.02em;text-transform:none;color:var(--gold-deep);align-self:center;margin-top:10px}
.logo{display:inline-flex;align-items:center;text-decoration:none}
.wordmark,.wordmark small{text-decoration:none}
.logo:hover .wordmark img{filter:brightness(1.08)}
@media (max-width:600px){.wordmark img{height:58px;margin:-10px -4px -12px -8px}.wordmark small{font-size:16px}}