
:root{--gold:#c9a15a;--gold2:#ddb464;--cream:#f5f1e8;--bg:#060606;--muted:#aaa;--line:#c9a15a55}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#eee;font-family:Arial,sans-serif}
a{text-decoration:none;color:inherit}
.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;background:#060606f5;backdrop-filter:blur(8px);z-index:10}
.brand{font:500 21px Georgia;color:var(--gold2);letter-spacing:2px}
.links{display:flex;gap:22px;font-size:9px;letter-spacing:1px;color:#ddd}
.links a:hover{color:var(--gold)}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px}
.copy{padding:90px 10%;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold)}
h1{font:500 clamp(42px,5vw,68px)/1 Georgia;color:var(--cream);margin:18px 0}
.subtitle{font-size:14px;color:var(--gold);margin-bottom:20px}
.body{font-size:13px;line-height:1.9;color:var(--muted);max-width:820px}
.cta{display:inline-block;align-self:flex-start;margin-top:28px;border:1px solid var(--gold);padding:13px 18px;font-size:10px;letter-spacing:1px;color:#ead3a0}
.heroimg{min-height:590px}
.heroimg img{width:100%;height:100%;object-fit:cover;display:block}
.section{padding:70px 7%}
.light{background:var(--cream);color:#171717}
.section h2{font:500 40px Georgia;margin:0 0 15px}
.section p{font-size:13px;line-height:1.9}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.card{background:#0b0b0b;border:1px solid var(--line);overflow:hidden;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:var(--gold)}
.card img{width:100%;height:170px;object-fit:cover;display:block}
.card h3{font:500 18px Georgia;color:var(--gold2);padding:15px;margin:0}
.contact{background:var(--cream);color:#171717}
.contact p{color:#555}
.footer{padding:28px 7%;border-top:1px solid var(--line);color:#888;font-size:10px;display:flex;justify-content:space-between}
@media(max-width:850px){
 .links{display:none}.hero{grid-template-columns:1fr}.heroimg{min-height:420px}
 .cards{grid-template-columns:1fr 1fr}.copy{padding:65px 8%}
}
@media(max-width:520px){.cards{grid-template-columns:1fr}}
.principles,.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.principles>div,.journey-card{border:1px solid #c9a15a55;padding:28px;background:#0b0b0b}.principles h3,.journey-card h2{font:500 22px Georgia;color:#ddb464;margin:0 0 12px}.principles p,.journey-card p{font-size:12px;line-height:1.8;color:#777}.journey-grid{grid-template-columns:repeat(4,1fr)}.journey-card span{font-size:10px;letter-spacing:2px;color:#c9a15a}@media(max-width:850px){.principles,.journey-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.principles,.journey-grid{grid-template-columns:1fr}}


:root{--gold:#c9a15a;--gold2:#e1c28a;--bg:#050505;--ink:#eee9df;--muted:#aaa39a;--cream:#f4f0e8}
body{background:var(--bg)!important;color:var(--ink)!important;font-family:Arial,sans-serif}
.nav{background:#050505!important;border-bottom:1px solid #c9a15a55!important}
.brand{font-family:Georgia,serif!important;color:var(--gold2)!important;letter-spacing:2.5px}
.links{color:#d8d1c6!important}
.hero{background:#050505!important}
.copy{padding:8vw!important}
.eyebrow{color:var(--gold)!important;letter-spacing:3.5px!important}
.title,h1{font-family:Georgia,serif!important;color:#f3eee4!important;font-weight:400!important;letter-spacing:-.5px}
.subtitle{color:var(--gold2)!important}
.body{color:var(--muted)!important;line-height:2!important}
.cta{background:linear-gradient(90deg,#c9a15a,#e1c28a)!important;color:#17120b!important;border:1px solid #e1c28a!important;font-weight:700!important;box-shadow:0 5px 20px #c9a15a22!important}
.heroimg{position:relative}
.section{padding:88px 7%!important}
.light{background:var(--cream)!important;color:#171717!important}
.card{background:#0b0b0b!important;border:1px solid #c9a15a44!important}
.card h3{font-family:Georgia,serif!important;color:var(--gold2)!important}
.footer{border-top:1px solid #c9a15a44!important}


/* FINAL MOBILE DESIGN FIX — keeps full Timeless Black & Champagne styling */
@media screen and (max-width:700px){
html{background:#080706!important}
body{margin:0!important;background:#080706!important;color:#eee!important;min-width:0!important;overflow-x:hidden!important}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
.nav,header.nav,.navbar,header{
background:#080706!important;color:#eee!important;min-height:64px!important;
height:auto!important;padding:11px 14px!important;
display:flex!important;align-items:center!important;justify-content:space-between!important;
flex-wrap:wrap!important;border-bottom:1px solid #c9a15a35!important
}
.brand{color:#e2c38d!important;font-family:Georgia,serif!important;font-size:15px!important}
.brand small{color:#cfc5b7!important;font-family:Arial,sans-serif!important}
.links{display:flex!important;flex-wrap:wrap!important;gap:2px!important;background:#080706!important;color:#ddd!important}
.links a{color:#ddd!important;background:transparent!important;font-size:7px!important;padding:5px 3px!important;border:0!important}
.hero,.hero-section{background:#080706!important;color:#eee!important;display:flex!important;flex-direction:column!important}
.hero-copy{background:#080706!important;color:#eee!important;order:2!important;padding:42px 20px 34px!important}
.hero-art,.hero-visual{order:1!important;background:#080706!important;width:100%!important;min-height:320px!important;max-height:420px!important}
.hero-art img,.hero-visual img{width:100%!important;height:100%!important;object-fit:cover!important}
.hero h1,h1{color:#f1eadf!important;font-family:Georgia,serif!important;font-size:40px!important;line-height:1.02!important}
.hero-sub{color:#d7cfc3!important;font-size:14px!important}
.eyebrow{color:#c9a15a!important}
.journey-btn,.journey-book,.cta{
display:inline-flex!important;background:#c9a15a!important;color:#17120b!important;
border:1px solid #e1c28a!important;padding:15px 21px!important;font-size:9px!important;
font-weight:700!important
}
.pillars{background:#080706!important;display:grid!important;grid-template-columns:1fr 1fr!important}
.pillar{background:#080706!important;color:#eee!important;border-color:#c9a15a22!important}
.pillar h3{color:#e2c38d!important}.pillar p{color:#999!important}
.contact-strip,.quick{display:block!important;background:#0b0a08!important}
.contact-item,.quick a,.quick div{display:block!important;background:#0b0a08!important;color:#ddd!important;border-bottom:1px solid #c9a15a22!important}
.section,.section.dark{background:#0a0907!important;color:#eee!important;padding:50px 18px!important}
.section.cream,.light{background:#f1eadf!important;color:#171411!important}
.section h2{font-size:29px!important;color:inherit!important}
.service-grid,.services,.cards{display:grid!important;grid-template-columns:1fr!important}
.service-card,.service{background:#0e0c09!important;border-color:#c9a15a40!important;color:#eee!important}
.service-card h3,.service h3{color:#e2c38d!important}
.foot,.footer{background:#080706!important;color:#777!important;border-color:#c9a15a35!important}
.journey-detail{background:#080706!important;color:#eee!important}
.journey-card{background:#0e0c09!important;border-color:#c9a15a40!important}
.journey-card h2{color:#e2c38d!important}.journey-card p{color:#aaa!important}
.journey-cta{background:#100e0b!important;border-color:#c9a15a55!important}
}
@media screen and (max-width:430px){
.links{width:100%!important;justify-content:center!important;margin-top:7px!important}
.hero-art,.hero-visual{min-height:285px!important;max-height:360px!important}
.hero-copy{padding:36px 18px 30px!important}
.hero h1,h1{font-size:38px!important}
.section{padding:44px 16px!important}
}


/* SOCIAL MEDIA — added without altering the approved site design */
.social-links{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px;width:100%;}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#aaa;transition:color .2s,transform .2s;}
.social-links a:hover{color:var(--gold2);transform:translateY(-1px)}
.social-links svg{width:18px;height:18px;fill:currentColor;display:block}
.social-links a.linktree svg{width:19px;height:19px}
.whatsapp-icon{display:inline-flex;vertical-align:-3px;margin-right:7px;color:currentColor}
.whatsapp-icon svg{width:16px;height:16px;fill:currentColor;display:block}
.footer{flex-wrap:wrap;gap:8px 20px}
.footer .social-links{flex-basis:100%;order:3}
@media(max-width:700px){.social-links{gap:14px;margin-top:12px}.social-links a{width:28px;height:28px}.social-links svg{width:17px;height:17px}.footer{justify-content:center;text-align:center}}
