*{box-sizing:border-box}
:root{
  --black:#030405;
  --gold:#c99a3b;
  --gold-bright:#d9a94b;
  --white:#f7f5f1;
  --line:rgba(201,154,59,.72);
}
html,body{margin:0;min-height:100%;background:var(--black);overflow-x:hidden}
body{font-family:Arial,Helvetica,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px;border-radius:8px}
.site{width:100%;min-height:100vh;background:var(--black);display:flex;flex-direction:column}
.main-grid{width:100%;display:grid;grid-template-columns:minmax(500px,48.5%) minmax(0,51.5%);flex:1;min-height:calc(100vh - 96px)}
.copy-panel{position:relative;background:radial-gradient(circle at 65% 40%,rgba(201,154,59,.055),transparent 38%),#030405;padding:clamp(28px,4vw,60px) clamp(30px,5.2vw,80px) clamp(34px,4vw,54px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-width:0}
.brand{width:min(72%,490px);margin:0 auto clamp(30px,4.2vh,58px)}
.brand img{display:block;width:100%;height:auto}
.message{width:100%;margin:auto 0 0}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:22px;color:var(--gold-bright);font-size:clamp(11px,1.15vw,18px);letter-spacing:.34em;line-height:1.2;margin-bottom:clamp(25px,3.5vh,46px);white-space:nowrap}
.eyebrow span{display:block;height:1px;background:var(--gold);width:clamp(48px,6.2vw,94px);flex:0 1 auto}
.eyebrow strong{font-weight:500}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.02;margin:0}
h1{font-size:clamp(28px,3.2vw,54px);letter-spacing:.055em;color:var(--white)}
h2{font-size:clamp(29px,3.35vw,57px);letter-spacing:.035em;color:var(--gold-bright);margin-top:clamp(8px,1vh,14px)}
.ornament{display:flex;align-items:center;justify-content:center;gap:15px;margin:clamp(19px,2.4vh,30px) auto clamp(15px,2vh,25px)}
.ornament i{display:block;width:clamp(58px,7.2vw,112px);height:1px;background:var(--gold)}
.ornament b{font-size:13px;color:var(--gold-bright);font-weight:400}
.message p{margin:0;color:#f1eee9;font-size:clamp(14px,1.45vw,22px);line-height:1.55;letter-spacing:.015em}
.features{width:100%;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(28px,4vh,54px)}
.feature{min-width:0;padding:0 clamp(8px,1.4vw,24px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#f4f1ec;font-size:clamp(10px,1.02vw,16px);letter-spacing:.07em;line-height:1.55}
.feature+.feature{border-left:1px solid var(--line)}
.feature img{display:block;width:auto;height:clamp(46px,5.1vw,76px);max-width:82px;object-fit:contain;margin:0 auto clamp(10px,1.2vh,17px)}
.actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.7vw,26px);margin-top:clamp(27px,4vh,50px)}
.btn{min-height:clamp(54px,6.2vh,76px);padding:10px clamp(12px,1.4vw,24px);display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,14px);text-decoration:none;font-size:clamp(11px,1.2vw,18px);letter-spacing:.055em;border-radius:10px;font-weight:600;transition:transform .18s ease,filter .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn img{width:clamp(25px,2.4vw,36px);height:clamp(25px,2.4vw,36px);object-fit:contain;flex:0 0 auto}
.btn-wa{background:linear-gradient(135deg,#d6a84a,#b9842d);color:#080808}
.btn-email{border:1px solid var(--gold-bright);color:var(--gold-bright);background:#030405}
.photo-panel{min-width:0;min-height:0;overflow:hidden;background:#05080c}
.photo{height:100%;min-height:520px;background-image:url('assets/dubai-photo.png');background-size:cover;background-position:center center;background-repeat:no-repeat}
.site-footer{height:96px;flex:0 0 96px;border-top:1px solid var(--gold);background:#030405;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;padding:0 clamp(22px,5vw,84px)}
.footer-item{height:54%;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.2vw,18px);font-size:clamp(11px,1.05vw,17px);letter-spacing:.07em;white-space:nowrap;text-align:center}
.footer-item+.footer-item{border-left:1px solid var(--line)}
.footer-item img{width:clamp(29px,2.5vw,40px);height:clamp(31px,2.7vw,43px);object-fit:contain;flex:0 0 auto}
.footer-item a{text-decoration:none}
.footer-item a:hover{text-decoration:underline;text-decoration-color:var(--gold-bright);text-underline-offset:4px}

.social{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(22px,3vh,34px)}
.social-label{color:var(--gold-bright);font-size:clamp(10px,1.05vw,13px);letter-spacing:.28em;font-weight:500}
.social-links{display:flex;align-items:center;gap:16px}
.social-icon{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-bright);
  display:flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease,color .18s ease}
.social-icon svg{width:20px;height:20px}
.social-icon:hover,.social-icon:focus-visible{background:var(--gold-bright);color:#080808;transform:translateY(-2px)}
.social-icon:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}

/* Mid-size screens: keep the same composition but let the left panel breathe. */
@media (max-width:1100px) and (min-width:769px){
  .main-grid{grid-template-columns:minmax(430px,50%) minmax(0,50%);min-height:calc(100vh - 84px)}
  .copy-panel{padding:28px 34px 38px}
  .brand{width:min(78%,430px);margin-bottom:28px}
  .eyebrow{gap:12px;font-size:11px;letter-spacing:.25em}
  .message p{font-size:15px}
  .features{margin-top:28px}
  .feature{font-size:10px}
  .actions{margin-top:28px}
  .site-footer{height:84px;flex-basis:84px;padding:0 18px}
  .footer-item{font-size:10px;gap:9px}
}

/* Tablets and phones: the design becomes a true vertical layout. */
@media (max-width:768px){
  .site{min-height:100svh}
  .main-grid{display:flex;flex-direction:column;min-height:0}
  .copy-panel{padding:22px 18px 30px;display:block}
  .brand{width:min(88vw,490px);margin:0 auto 24px}
  .message{margin:0}
  .eyebrow{gap:9px;font-size:clamp(9px,2.6vw,13px);letter-spacing:.23em;margin-bottom:22px}
  .eyebrow span{width:32px}
  h1{font-size:clamp(27px,8.5vw,46px);letter-spacing:.045em}
  h2{font-size:clamp(28px,8.7vw,48px);margin-top:7px}
  .ornament{gap:11px;margin:19px auto 16px}
  .ornament i{width:54px}
  .message p{font-size:clamp(14px,4vw,18px);line-height:1.55}
  .desktop-break{display:none}
  .features{margin-top:28px}
  .feature{font-size:clamp(9px,2.6vw,13px);padding:0 8px}
  .feature img{height:50px;margin-bottom:10px}
  .actions{margin-top:27px;gap:10px}
  .social{margin-top:22px}
  .btn{min-height:56px;font-size:clamp(10px,3vw,14px);border-radius:9px}
  .photo-panel{order:2;height:min(67vh,590px);min-height:390px}
  .photo{min-height:100%;height:100%;background-position:center center}
  .site-footer{order:3;height:auto;flex:0 0 auto;display:grid;grid-template-columns:1fr;padding:0 18px 8px}
  .footer-item{height:58px;min-height:58px;border-bottom:1px solid rgba(201,154,59,.28);border-left:0!important;font-size:clamp(10px,2.8vw,13px)}
  .footer-item:last-child{border-bottom:0}
}

@media (max-width:430px){
  .copy-panel{padding-top:15px}
  .brand{margin-bottom:18px}
  .eyebrow{margin-bottom:20px;letter-spacing:.18em}
  .eyebrow span{width:25px}
  .features{grid-template-columns:1fr;gap:0;margin-top:26px}
  .feature{padding:0 0 18px}
  .feature+.feature{border-left:0;border-top:1px solid rgba(201,154,59,.65);padding-top:18px}
  .feature img{height:56px}
  .actions{grid-template-columns:1fr;margin-top:24px}
  .btn{min-height:59px}
  .photo-panel{height:58vh;min-height:390px;max-height:570px}
  .photo{background-position:center center}
}

@media (max-height:700px) and (min-width:769px){
  .copy-panel{padding-top:22px;padding-bottom:26px}
  .brand{margin-bottom:20px;width:min(62%,400px)}
  .eyebrow{margin-bottom:18px}
  .ornament{margin:14px auto 12px}
  .features{margin-top:20px}
  .feature img{height:42px;margin-bottom:7px}
  .actions{margin-top:20px}
  .btn{min-height:50px}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}