@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Montserrat:wght@300;400;500&display=swap');
:root{--gold:#d8ad58;--ivory:#f2eee6;--muted:#b9b5ae;--black:#060707}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#060707;color:var(--ivory);font-family:Montserrat,Arial,sans-serif}
body{min-height:100vh}.hero{position:relative;min-height:100vh;overflow:hidden;padding:42px clamp(28px,7vw,110px) 28px;background:
radial-gradient(circle at 78% 43%,rgba(218,153,57,.30),transparent 22%),
linear-gradient(110deg,#050606 0%,#090a09 42%,#1b120b 70%,#080808 100%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
nav,.content,.values,footer{position:relative;z-index:2}nav{display:flex;justify-content:space-between;align-items:flex-start}
.brand{display:inline-flex;flex-direction:column;text-decoration:none;color:inherit}.mbj{font:600 clamp(68px,8vw,118px)/.72 "Cormorant Garamond",serif;color:var(--gold);letter-spacing:-4px}
.holding{font-size:21px;letter-spacing:12px;margin:22px 0 13px 4px}.name{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:11px;letter-spacing:4px;white-space:nowrap}.name i{width:34px;height:1px;background:var(--gold)}
.contact-top{color:var(--ivory);text-decoration:none;font-size:11px;letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid var(--gold)}
.content{display:grid;grid-template-columns:minmax(430px,620px) 1fr;align-items:center;min-height:440px;margin-top:28px}
.copy{padding-top:25px}.copy h1{font-size:clamp(30px,3.1vw,50px);font-weight:300;line-height:1.35;letter-spacing:8px;margin:0}.copy h1 em{font-style:normal;color:var(--gold)}
.rule{width:100px;height:1px;background:var(--gold);margin:28px 0}.copy p{max-width:620px;font-size:15px;line-height:1.9;color:#dedbd4;margin:0 0 26px}
.coming{display:inline-flex;align-items:center;gap:28px;border:1px solid var(--gold);padding:18px 30px;color:#fff;font-size:11px;letter-spacing:2.5px}.coming span{color:var(--gold);font-size:20px}
.skyline{position:absolute;right:-4vw;bottom:0;width:55%;height:72%;border-bottom:2px solid rgba(216,173,88,.5);filter:drop-shadow(0 0 16px rgba(216,173,88,.15))}
.sun{position:absolute;width:65px;height:65px;border-radius:50%;right:12%;top:25%;background:#f1bd5e;box-shadow:0 0 55px 18px rgba(240,165,59,.38)}
.tower{position:absolute;bottom:0;background:linear-gradient(90deg,#080b0d,#171a1c 55%,#4e3822);border:1px solid rgba(216,173,88,.18);clip-path:polygon(10% 5%,90% 0,100% 100%,0 100%)}
.t1{height:45%;width:9%;left:8%}.t2{height:68%;width:10%;left:22%}.t3{height:86%;width:9%;left:38%}.t4{height:72%;width:8%;left:51%}.t5{height:54%;width:10%;left:64%}.t6{height:40%;width:8%;left:78%}
.values{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #595959;padding:30px 0 36px;margin-top:4px}.values div{display:flex;flex-direction:column;align-items:center;gap:13px;border-right:1px solid #555}.values div:last-child{border:0}.values b{font-size:29px;font-weight:300;color:var(--gold)}.values span{font-size:10px;letter-spacing:2px;color:#e6d3a4}
footer{display:flex;justify-content:space-between;align-items:center;padding-top:28px;font-size:11px;color:#9d9d9d}footer a{color:#ddd;text-decoration:none}
@media(max-width:800px){.hero{padding:30px 24px 22px}.mbj{font-size:76px}.holding{font-size:16px;letter-spacing:9px}.name{font-size:8px;letter-spacing:2px}.name i{width:20px}.content{display:block;min-height:500px;margin-top:40px}.copy{position:relative;z-index:3}.copy h1{font-size:28px;letter-spacing:4px}.copy p{font-size:13px;max-width:95%}.skyline{width:95%;height:50%;opacity:.42}.values{grid-template-columns:repeat(2,1fr);gap:0}.values div{padding:18px 0}.values div:nth-child(2){border-right:0}.values div:nth-child(-n+2){border-bottom:1px solid #444}footer{gap:22px;align-items:flex-start;flex-direction:column}.contact-top{font-size:9px}}