:root{--ink:#0b0a08;--panel:#12100d;--panel2:#181510;--gold:#d8ad3d;--muted:#a49a87;--white:#f5f0e7;--line:rgba(216,173,61,.2);--sans:"DM Sans",sans-serif;--serif:"Playfair Display",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{height:92px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:42px;background:rgba(11,10,8,.94);position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:16px;color:var(--gold)}
.brand img{display:block;width:78px;height:78px;object-fit:contain}
.brand-name{font-family:var(--serif);font-size:25px;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.site-header .brand img{filter:drop-shadow(0 2px 10px rgba(216,173,61,.2))}
.site-header nav{display:flex;gap:30px;margin-left:auto}
.site-header nav a,.header-cta{font-size:12px;text-transform:uppercase;letter-spacing:.13em}
.site-header nav a:hover{color:var(--gold)}
.menu-button{display:none}
.button{display:inline-flex;min-height:54px;padding:0 30px;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:12px;border:1px solid transparent;cursor:pointer;transition:.25s;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.button-gold{background:var(--gold);color:#171106}
.button-gold:hover{background:#edc85a;transform:translateY(-2px)}
.button-outline,.button-ghost{border-color:var(--gold);color:var(--white);background:rgba(216,173,61,.12)}
.button-outline{min-height:46px;background:var(--gold);color:#171106}
.button-ghost:hover,.button-outline:hover{background:#edc85a;border-color:#edc85a;color:#171106;transform:translateY(-2px)}
.hero{min-height:760px;height:92vh;display:grid;align-items:center;position:relative;background:url('assets/hero.webp') center/cover no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,5,.95) 0%,rgba(8,7,5,.68) 48%,rgba(8,7,5,.22) 100%),linear-gradient(0deg,rgba(8,7,5,.75),transparent 45%)}
.hero-content{position:relative;padding-top:92px}
.eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:600;margin:0 0 18px}
.hero h1,.section h2,.hub h2,.contact h2{font-family:var(--serif);font-weight:500;line-height:.98;margin:0}
.hero h1{font-size:clamp(64px,8vw,116px);max-width:850px}
.hero h1 span{color:var(--gold)}
.lead{color:#c7beaf;max-width:620px;font-size:18px;margin:28px 0}
.actions{display:flex;gap:14px}
.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#c8b67f}
.proof{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:#100e0b}
.proof div{text-align:center;padding:30px 12px;border-right:1px solid var(--line)}
.proof div:last-child{border:0}
.proof strong{display:block;font:500 32px var(--serif);color:var(--gold)}
.proof span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.section{padding:120px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}
.section h2,.contact h2{font-size:clamp(44px,5vw,70px)}
.section-heading>p{color:var(--muted);max-width:500px;margin:0}
.origin-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:290px;gap:10px}
.origin-card{background:linear-gradient(0deg,rgba(5,5,4,.86),rgba(5,5,4,.04) 70%),var(--image) center/cover;display:flex;align-items:end;padding:26px;min-height:260px;position:relative;overflow:hidden}
.origin-card:before{content:"";position:absolute;inset:0;border:1px solid transparent;transition:.25s}
.origin-card:hover:before{inset:8px;border-color:rgba(216,173,61,.65)}
.origin-card.featured{grid-row:span 2}
.origin-card.text-card{background:linear-gradient(135deg,#282219,#12100d)}
.origin-card div{position:relative}
.origin-card span{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.origin-card h3{font:500 31px var(--serif);margin:5px 0}
.origin-card p{font-size:13px;color:#c6bda9;margin:0}
.text-link{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:11px;border-bottom:1px solid var(--gold);padding:22px 0 5px}
.section-alt{background:var(--panel)}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border:1px solid var(--line)}
.benefits article{padding:38px 28px;min-height:270px;border-right:1px solid var(--line)}
.benefits article:last-child{border:0}
.benefits b{font:500 34px var(--serif);color:var(--gold)}
.benefits h3{font:500 24px var(--serif);margin:36px 0 10px}
.benefits p{font-size:14px;color:var(--muted);margin:0}
.hub{min-height:620px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,8,6,.95),rgba(8,8,6,.18)),url('assets/dubai.webp') center/cover}
.hub-content{padding-block:100px}
.hub h2{font-size:clamp(48px,6vw,82px);max-width:730px}
.hub p:not(.eyebrow){color:#c7beaf;max-width:580px;margin:28px 0 4px}
.contact{background:#0f0d0a}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.direct-contact{display:grid;gap:7px;margin-top:36px}
.direct-contact a{color:var(--gold)}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
label:nth-child(4){grid-column:1/-1}
input,textarea{width:100%;display:block;background:#17140f;border:1px solid #3a3226;color:var(--white);padding:13px 14px;margin-top:8px;outline:none;border-radius:0;text-transform:none;letter-spacing:normal}
input:focus,textarea:focus{border-color:var(--gold)}
form button{grid-column:1/-1}
.form-note{font-size:12px;color:var(--muted);grid-column:1/-1;margin:0}
footer{background:#15120e;border-top:1px solid var(--line);padding:54px 0 24px}
.footer-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center}
.footer-brand img{width:118px;height:118px}
.footer-brand .brand-name{font-size:24px}
.footer-grid address{text-align:center;color:var(--muted);font-size:13px;line-height:1.7;font-style:normal}
.footer-grid>div{display:flex;justify-content:end;gap:22px;font-size:13px}
.copyright{border-top:1px solid rgba(255,255,255,.06);margin-top:40px;padding-top:20px;color:#716a5e;font-size:12px}
.generated-note{display:none}
@media(max-width:850px){.site-header{height:76px}
.site-header .brand img{width:64px;height:64px}
.site-header .brand-name{font-size:19px}
.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#100e0b;padding:24px;flex-direction:column}
.site-header nav.open{display:flex}
.header-cta{display:none}
.menu-button{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:var(--gold);padding:8px 12px;text-transform:uppercase;letter-spacing:.1em}
.hero{height:auto;min-height:760px}
.proof{grid-template-columns:1fr 1fr}
.proof div:nth-child(2){border-right:0}
.origin-grid{grid-template-columns:1fr 1fr}
.origin-card.featured{grid-row:span 1;grid-column:span 2}
.benefits{grid-template-columns:1fr 1fr}
.benefits article:nth-child(2){border-right:0}
.benefits article:nth-child(-n+2){border-bottom:1px solid var(--line)}
.contact-grid{grid-template-columns:1fr;gap:50px}
.footer-grid{grid-template-columns:1fr;gap:25px}
.footer-brand .brand-name{font-size:22px}
.footer-grid address{text-align:left}
.footer-grid>div{justify-content:start}
}
@media(max-width:560px){.container{width:min(100% - 32px,1180px)}
.hero h1{font-size:58px}
.lead{font-size:16px}
.actions{flex-direction:column;align-items:stretch}
.proof strong{font-size:27px}
.section{padding:80px 0}
.section-heading{display:block}
.section-heading>p{margin-top:20px}
.origin-grid{display:block}
.origin-card{margin-bottom:10px}
.origin-card.featured{min-height:430px}
.benefits{grid-template-columns:1fr}
.benefits article{border-right:0;border-bottom:1px solid var(--line)!important;min-height:auto}
.benefits article:last-child{border-bottom:0!important}
.hub{min-height:560px;background-position:65% center}
.contact-grid{gap:40px}
form{grid-template-columns:1fr}
label:nth-child(4),form button,.form-note{grid-column:auto}
.footer-grid>div{flex-wrap:wrap}
.scroll-cue{display:none}
}