
/* Complete compact CSS omitted for brevity in chat; generated file */

:root{
 --gold:#d4af37;
 --gold2:#f2cb63;
 --white:#fff;
 --glass:rgba(255,255,255,.07);
 --glass-border:rgba(255,255,255,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:Poppins,sans-serif;background:#111;color:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.18))}
.container{position:relative;z-index:2;width:min(1360px,92%);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:40px 0}
.brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.brand-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.35);color:var(--gold);font-size:22px}
.brand-name{letter-spacing:4px;font-weight:600;color:var(--gold);font-size:19px}
.left-content h1{font-family:"Cormorant Garamond",serif;font-size:clamp(54px,5.8vw,78px);line-height:.9;margin:12px 0}
.left-content h2{font-family:"Cormorant Garamond",serif;color:var(--gold);font-size:clamp(28px,3vw,46px);margin-bottom:18px}
.description{max-width:560px;font-size:17px;line-height:1.8;color:#f3f3f3}
.contact-details{margin-top:28px}
.contact-item{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:17px}
.contact-item .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid var(--glass-border);color:var(--gold)}
.contact-item a{color:#fff;text-decoration:none}
.contact-item a:hover{color:var(--gold)}
.contact-form{width:100%;max-width:440px;margin-left:auto;padding:26px;background:var(--glass);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.contact-form h3{font-family:"Cormorant Garamond",serif;font-size:38px;line-height:1;margin-bottom:6px}
.form-subtitle{font-size:14px;color:#ddd;line-height:1.6;margin-bottom:14px}
.form-group{position:relative;margin-bottom:10px}
.form-group i{position:absolute;left:16px;top:15px;color:var(--gold);font-size:16px}
.form-group input,.form-group textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-size:15px;outline:none;padding-left:48px}
.form-group input{height:46px;padding-top:12px;padding-bottom:12px}
.form-group textarea{min-height:90px;padding-top:14px;padding-right:16px;padding-bottom:14px;resize:none}
.form-group input::placeholder,.form-group textarea::placeholder{color:#ddd}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);background:rgba(255,255,255,.12)}
button{width:100%;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));font-size:17px;font-weight:600;cursor:pointer}
button:hover{filter:brightness(1.05)}
@media(max-width:992px){
.container{grid-template-columns:1fr;text-align:center;gap:40px}
.brand,.contact-item{justify-content:center}
.description{margin:auto}
.contact-form{margin:0 auto;max-width:520px}
}
@media(max-width:768px){
.hero{background-attachment:scroll}
.container{width:94%}
.left-content h1{font-size:54px}
.left-content h2{font-size:36px}
.description{font-size:16px}
.contact-form{padding:22px}
}
@media(max-width:480px){
.left-content h1{font-size:42px}
.left-content h2{font-size:28px}
.brand-name{font-size:15px;letter-spacing:2px}
.contact-item{font-size:15px}
.contact-form h3{font-size:34px}
}
