.page-hero{padding:160px 0 80px;text-align:center;position:relative;overflow:hidden;background:var(--dark2)}
.page-hero-bg{position:absolute;inset:0}
.page-hero-bg img{width:100%;height:100%;object-fit:cover}
.page-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.72)}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(38px,6vw,68px);font-weight:900;color:#fff;margin-bottom:14px;position:relative}
.page-hero p{color:rgba(255,255,255,0.6);font-size:16px;position:relative}
.breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;font-size:13px;color:rgba(255,255,255,0.5);position:relative}
.breadcrumb a{color:var(--gold)}.breadcrumb span{color:rgba(255,255,255,0.4)}

.services-page{background:var(--dark)}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.srv-card{background:var(--dark3);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);animation:fadeUp .6s ease both}
.srv-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,0.5);border-color:rgba(201,168,76,0.4)}
.srv-card-img{height:230px;position:relative;overflow:hidden}
.srv-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.srv-card:hover .srv-card-img img{transform:scale(1.07)}
.srv-top-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-grad);z-index:2}
.srv-num{position:absolute;top:14px;right:14px;width:36px;height:36px;background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold);z-index:2}
.srv-body{padding:26px}
.srv-icon{width:44px;height:44px;background:rgba(201,168,76,0.1);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold);margin-bottom:14px}
.srv-body h3{font-family:'Playfair Display',serif;font-size:20px;color:#fff;margin-bottom:10px}
.srv-body p{color:var(--text-muted);font-size:13px;line-height:1.75}
.srv-tag{display:inline-block;padding:3px 12px;background:rgba(201,168,76,0.1);border:1px solid var(--border);color:var(--gold);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:20px}
.srv-cta{color:var(--gold);font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;transition:var(--transition)}
.srv-cta:hover{gap:10px}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.reveal.revealed{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1024px){.srv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.srv-grid{grid-template-columns:1fr}}