/* THAJ editorial refinement. Photography at the threshold; live 3D inside. */
.property-two-year { margin-top:48px;padding:clamp(22px,3vw,40px);border:1px solid var(--rule);background:var(--surface); }
.property-two-year > h3 { font-size:clamp(26px,3vw,38px);margin:12px 0; }
.property-two-year .panels { margin:24px 0;grid-template-columns:repeat(2,minmax(0,1fr)); }
.property-two-year .btn { margin-top:22px; }
.property-two-year .note a { text-decoration:underline;text-underline-offset:4px; }
.service-directory { list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-bottom:24px; }
.service-directory li { padding:20px 0;border-bottom:1px solid var(--rule);font-size:18px; }
.licence-note { border-top:1px solid var(--rule);padding-top:26px;margin-top:32px; }
.licence-note p { margin-top:10px;max-width:80ch;font-size:14px; }
#hero-b { position:relative;isolation:isolate; }
#hero-b > h1 { max-width:20ch;font-size:clamp(48px,6vw,86px); }
#hero-b .hero-foot { max-width:100%; }
#hero-b .hero-meta { max-width:100%; }
.burj-hero { position:relative;width:100%;aspect-ratio:16/9;margin:0 0 clamp(28px,4vw,56px);overflow:hidden;border:1px solid var(--rule); }
.burj-hero img { display:block;width:100%;height:100%;object-fit:cover;object-position:center top; }
.burj-hero figcaption { position:absolute;bottom:12px;right:0;color:var(--paper-mid);font-size:12px; }
[data-world="silver"] #stage { opacity:.13; }
.gate-card[data-metal="silver"] .gate-art { left:0;right:0;width:100%;object-fit:cover;object-position:60% center; }
@media(max-width:760px) {
  #hero-b { padding-top:112px;padding-bottom:35px;min-height:0; }
  #hero-b .hero-meta { order:0;max-width:100%;margin-bottom:24px; }
  #hero-b > h1 { order:1;font-size:clamp(40px,10vw,64px);max-width:100%; }
  #hero-b .burj-hero { order:-1;width:100%;aspect-ratio:16/9;margin:0 0 28px; }
  #hero-b .burj-hero figcaption { bottom:0;left:0;right:auto;font-size:12px; }
  #hero-b .hero-foot { order:3;max-width:100%; }
  #hero-b > .rv:last-child { order:4; }
  .property-two-year .panels,.service-directory { grid-template-columns:1fr; }
  .service-directory li { font-size:16px;padding:16px 0; }
}
:root { --paper-dim:#a49e93; }
[data-world="gold"] { --paper-dim:#b4a88e; }
[data-world="silver"] { --paper-dim:#a8b3c0; }
body { font-size:16px; }
p { font-size:1rem; }
.label,.hero-meta span,.nav-world { font-family:var(--body);font-size:.78rem;letter-spacing:.09em; }
.btn,.nav-links a { font-family:var(--body);font-size:.86rem;letter-spacing:.025em;text-transform:none; }
.btn { min-height:48px; }
#cursor { display:none; }
#grain { opacity:.025; }
#gate { padding:100px max(var(--gut),calc((100vw - 1320px)/2)) 32px;background:#0b0c0c; }
#gate::before,#gate::after { display:none; }
.gate-top { border-bottom:1px solid #ffffff1a;padding-bottom:17px; }
.gate-lead { display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:14px 60px;margin:12px 0 34px; }
.gate-eyebrow { grid-column:1/-1;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a6a39a; }
.gate-lead h1 { font-size:clamp(46px,5.5vw,76px);line-height:1.03;max-width:none; }
.gate-lead h1 em { font-weight:300;color:#b9ac91; }
.gate-lead p { margin:0 0 6px;max-width:36ch;line-height:1.75;color:#b9b7ad; }
.gate-cards { gap:22px;border:0;background:none;grid-template-columns:1fr 1fr; }
.gate-card { min-height:450px;padding:32px;justify-content:flex-end;gap:12px;border:1px solid #ffffff20;background:#141311;isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color .5s,transform .6s var(--ease); }
.gate-card[data-metal="silver"] { background:#0f1218; }
.gate-card .gate-art { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;opacity:.85;transition:transform 1.2s var(--ease); }
.gate-card::before { opacity:1;background:linear-gradient(180deg,rgba(8,9,10,.15) 0%,rgba(8,9,10,.05) 25%,rgba(8,9,10,.88) 54%,#0b0c0d 100%);z-index:-1; }
.gate-card .gate-index { position:absolute;top:26px;left:32px;font-size:11px;letter-spacing:.16em;color:#e0ded6; }
.gate-card h2 { max-width:15ch;font-size:clamp(30px,3vw,42px);line-height:1.08; }
.gate-card > p { max-width:46ch;color:#c1c1ba;font-size:15px;line-height:1.65; }
.gc-list { gap:6px 16px; }
.gc-list li { font:12px var(--body);letter-spacing:.015em;text-transform:none;color:#c1c1ba; }
.gc-go { margin-top:6px;padding-top:18px;border-top:1px solid #ffffff26;font:14px var(--body);letter-spacing:0;text-transform:none;justify-content:space-between; }
.gc-go i { font-size:24px;line-height:1; }
.gate-card:hover,.gate-card:focus-visible { border-color:var(--metal);transform:translateY(-3px); }
.gate-card:hover .gate-art,.gate-card:focus-visible .gate-art { transform:scale(1.035); }
.gate-foot { margin-top:24px;gap:8px 24px; }
.gate-foot p { font:12px/1.6 var(--body);color:#a6a39a;opacity:1; }
h1.display { font-size:clamp(48px,7.5vw,106px);max-width:12ch;line-height:1.04;letter-spacing:-.045em; }
h2.display { line-height:1.08; }
.hero-shell { justify-content:center;min-height:94svh;padding-top:150px;padding-bottom:80px; }
#world-golden #hero { min-height:0;padding-bottom:24px; }
.hero-meta { max-width:660px;gap:9px 20px; }
.hero-foot { max-width:780px;align-items:flex-start;justify-content:flex-start;gap:24px; }
.hero-foot .lede { max-width:45ch; }
.act { padding-block:clamp(80px,12vh,144px); }
.act-head .t p { max-width:58ch; }
.act-cta { padding-top:24px; }
#rail { font:12px var(--body);letter-spacing:0;gap:1px;padding:12px;border:0;border-left:1px solid var(--rule);background:var(--surface); }
#rail button { min-height:34px;opacity:.9; }
#rail button.on { color:var(--metal-lit); }
.card-copy p { color:var(--paper-mid); }
.card-steps li { font:12px var(--body);letter-spacing:.02em;text-transform:none; }
@media(min-width:1181px) { .wrap { padding-right:calc(var(--gut) + 150px); } }
@media(max-width:1180px) {
  #rail { right:0;padding:4px;max-height:65svh;overflow-y:auto; }
  #rail button { min-height:44px;min-width:44px; }
  .world .wrap { padding-right:64px; }
  #rail button span:first-child { display:none; }
  #rail button .bar { width:10px; }
  #rail button.on .bar { width:23px; }
}
@media(max-width:760px) {
  #gate { padding:95px 22px 30px; }
  .gate-lead { grid-template-columns:1fr;gap:14px;margin-bottom:26px; }
  .gate-lead p { font-size:15px; }
  .gate-cards { grid-template-columns:1fr;gap:18px; }
  .gate-card { min-height:230px;padding:22px 24px; }
  .gate-card > p,.gate-card .gc-list { display:none; }
  .gate-card .gate-index { left:26px; }
  .gate-card h2 { font-size:30px; }
  .gate-foot { flex-direction:column; }
  .hero-shell { min-height:88svh;padding-top:120px;padding-bottom:42px; }
  h1.display { font-size:clamp(44px,9.5vw,68px);max-width:12ch; }
  .hero-meta span { font-size:11px; }
  .hero-foot { gap:22px;margin-top:28px; }
  .hero-foot .btn-row { gap:10px; }
  .hero-foot .btn { padding:13px 17px; }
  .act-head { gap:12px; }
  .act-head .t p { font-size:16px; }
  .nav-links .nav-cta { min-height:44px;display:inline-flex;align-items:center; }
}
@media(prefers-reduced-motion:reduce) { .gate-card:hover,.gate-card:focus-visible,.gate-card:hover .gate-art { transform:none; } }