:root{
–bg:#0f172a; /* dark slate for bands */
–ink:#111827; /* near-black text */
–muted:#6b7280; /* gray text */
–brand:#2b2f36; /* nav hover background */
–btn:#374151; /* button background */
–btn-text:#ffffff;
–card:#f3f4f6; /* light gray card bg */
–ring:rgba(0,0,0,.12);
–max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,”Segoe UI”,Roboto,Inter,”Helvetica Neue”,Arial,”Apple Color Emoji”,”Segoe UI Emoji”;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
/* Header */
.site-wrap{isolation:isolate}
.nav{
position:absolute; inset:0 0 auto 0; height:72px; display:flex; align-items:center; justify-content:flex-end;
padding:0 24px; z-index:5;
}
.nav-inner{width:100%; max-width:var(–max); margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.brand-left{position:absolute; left:24px; top:20px; font-weight:600; letter-spacing:.02em; color:#fff; opacity:.85}
.logo-right{display:flex; align-items:center; gap:10px}
.logo-right img{width:34px; height:34px; object-fit:contain; filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.top-links{display:flex; gap:20px}
.top-links a{
color:#fff; opacity:.9; padding:8px 12px; border-radius:999px; transition:background .2s, opacity .2s
}
.top-links a:hover{background:var(–brand); opacity:1}
/* Mobile nav */
.hamburger{display:none; width:40px; height:40px; border-radius:8px; border:1px solid rgba(255,255,255,.25);
align-items:center; justify-content:center; color:#fff; background:rgba(0,0,0,.18); backdrop-filter:blur(4px); cursor:pointer}
.mobile-menu{display:none; position:absolute; right:16px; top:68px; background:rgba(17,24,39,.9); padding:8px; border-radius:10px}
.mobile-menu a{display:block; color:#fff; padding:10px 14px; border-radius:8px}
.mobile-menu a:hover{background:rgba(255,255,255,.08)}
/* Hero */
.hero{
min-height:86vh; display:grid; place-items:center; position:relative; color:#fff; text-align:center;
background:#000 url(‘YOUR_IMAGE_URL’) center/cover no-repeat fixed;
}
.hero::after{
content:””; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.45));
z-index:0;
}
.hero-inner{position:relative; z-index:1; width:100%; max-width:var(–max); padding:120px 24px 80px}
.title{font-size:clamp(44px,7vw,92px); font-weight:600; line-height:1.02; letter-spacing:.01em}
.subtitle{margin-top:14px; font-size:clamp(16px,2.2vw,20px); opacity:.92}
/* Content sections */
.section{padding:72px 24px}
.container{max-width:var(–max); margin:0 auto}
.split{display:grid; grid-template-columns:1.2fr 1fr; gap:36px; align-items:center}
.card{
background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 6px 30px var(–ring), 0 1px 0 rgba(0,0,0,.04);
}
.video-wrap{aspect-ratio:16/9; background:#000}
.copy h3{margin:0 0 12px 0; font-size:28px; color:var(–ink)}
.copy p{margin:0 0 18px 0; color:var(–muted); font-size:17px; line-height:1.6}
.btn{
display:inline-block; background:var(–btn); color:var(–btn-text); padding:12px 18px; border-radius:999px; font-weight:600;
border:1px solid rgba(255,255,255,.05); box-shadow:0 2px 10px rgba(0,0,0,.15); transition:transform .06s ease, opacity .2s
}
.btn:hover{transform:translateY(-1px); opacity:.95}
/* Services band */
.band{background:var(–bg); color:#e5e7eb; padding:68px 24px}
.band-grid{max-width:var(–max); margin:0 auto; display:grid; grid-template-columns:1fr .9fr; gap:28px; align-items:center}
.band h3{margin:0 0 10px 0; font-size:26px}
.band p{margin:0; color:#cbd5e1; line-height:1.7}
/* Footer */
.footer{padding:80px 24px 120px; text-align:center}
.footer .kicker{color:var(–muted); text-transform:uppercase; font-size:12px; letter-spacing:.2em; margin-bottom:6px}
.footer .loc{font-size:18px; color:var(–ink)}
/* Responsive */
@media (max-width: 960px){
.split{grid-template-columns:1fr; gap:22px}
.brand-left{left:16px}
.top-links{display:none}
.hamburger{display:flex}
}
Private placements. Not openly listed.
Each opportunity is selectively sourced and shared μόνο με ομάδες που ευθυγραμμίζονται με την αξία και το προφίλ του ακινήτου.
Αν επικοινωνήσαμε μαζί σας, είναι επειδή βλέπουμε πραγματική αντιστοίχιση.
Services
Our team specializes in private sales — ensuring a smooth, discreet process from start to finish, με εστίαση σε off-market transactions και επιλεκτικές αναθέσεις.
// Close mobile menu when clicking outside
document.addEventListener(‘click’, function(e){
const menu = document.querySelector(‘.mobile-menu’);
const btn = document.querySelector(‘.hamburger’);
if(!menu || !btn) return;
if(menu.contains(e.target) || btn.contains(e.target)) return;
menu.classList.remove(‘show’);
});
// Simple show/hide by class
(function(){
const menu = document.querySelector(‘.mobile-menu’);
if(menu){ menu.style.display = ‘none’; }
const observer = new MutationObserver(()=>{ if(menu){ menu.style.display = menu.classList.contains(‘show’) ? ‘block’:’none’; }});
if(menu){ observer.observe(menu, {attributes:true}); }
})();
verholtco.com 