:root{--radius:1.125rem;--gold:#D4AF37;--gold-light:#F7E7A8;--gold-dark:#B8860B;--black:#050505;--surface:#111;--card-bg:#1A1A1A;--white:#FFF;--text-light:#CCC;--gold-text:#050505;--background:var(--black);--foreground:var(--white);--card:var(--card-bg);--card-foreground:var(--white);--primary:var(--gold);--primary-foreground:var(--gold-text);--secondary:var(--surface);--muted-foreground:var(--text-light);--border:#d4af3729;--input:#ffffff24;--ring:var(--gold);--gradient-hero:radial-gradient(1200px 600px at 85% -10%,#d4af372e,transparent 60%),radial-gradient(900px 500px at -10% 20%,#b8860b24,transparent 60%),linear-gradient(180deg,#050505 0%,#0a0a0a 100%);--gradient-dark:linear-gradient(135deg,#1f1f1f 0%,#050505 100%);--gradient-gold:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 55%,var(--gold-dark) 100%);--text-gold-shine:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark));--shadow-luxe:0 25px 60px -20px #000000bf 0 0 1px #d4af3726;--shadow-gold:0 10px 32px -6px #d4af3773;--shadow-gold-lg:0 0 42px #d4af3747;--font-display:Cinzel,"Playfair Display","Cormorant Garamond",serif;--font-sans:Poppins,Inter,ui-sans-serif,system-ui,sans-serif}
*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0}
p{margin:0}
ul{list-style:none;margin:0;padding:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit}
[data-lucide]{width:1em;height:1em}
.social-icon{width:1em;height:1em;display:block}
svg.lucide{width:1.15em;height:1.15em;stroke-width:2px;vertical-align:-.2em}
.container{max-width:1280px;margin:0 auto;padding:0 1.25rem}
.container-narrow{max-width:900px}
@media (min-width: 1024px) {
.container{padding:0 2rem}
}
.text-gold-shine{background:var(--text-gold-shine);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
em{font-style:normal}
@keyframes shine {
to{background-position:200% center}
}
@keyframes float-slow {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-14px)}
}
@keyframes fade-up {
from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes zoom-in-soft {
from{opacity:0;transform:scale(0.96)}
to{opacity:1;transform:scale(1)}
}
@keyframes pulse-glow {
0%,100%{box-shadow:0 0 0 #d4af3700}
50%{box-shadow:0 0 26px #d4af3759}
}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .25s ease;border:1px solid transparent;white-space:nowrap}
.btn-lg{padding:.9rem 1.75rem}
.btn-block{width:100%}
.btn-outline-pill{border-color:#d4af3780;color:var(--gold);background:transparent}
.btn-outline-pill:hover{background:#d4af371f;box-shadow:var(--shadow-gold-lg)}
.btn-navy-pill{background:var(--gradient-dark);border-color:#d4af378c;color:var(--gold);box-shadow:var(--shadow-luxe)}
.btn-navy-pill:hover{border-color:var(--gold);box-shadow:var(--shadow-luxe),var(--shadow-gold-lg);transform:translateY(-2px)}
.btn-gold-pill{background:var(--gradient-gold);color:var(--gold-text);box-shadow:var(--shadow-gold)}
.btn-gold-pill:hover{filter:brightness(1.08);box-shadow:var(--shadow-gold-lg);transform:translateY(-2px)}
.flex-1{flex:1 1 0}
.mt-lg{margin-top:2rem;display:inline-flex}
.mt-md{margin-top:1rem}
.loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--background);color:var(--foreground);transition:opacity .5s ease,visibility .5s ease}
.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}
.loader-badge{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:999px;background:var(--gradient-gold);color:var(--gold-text);box-shadow:var(--shadow-gold-lg);animation:float-slow 7s ease-in-out infinite}
.loader-text{font-family:var(--font-display);font-size:1.125rem;letter-spacing:.3em;color:var(--gold)}
.loader-logo{animation:loader-pulse 1.5s ease-in-out infinite,loader-fade-in .6s ease-out both;filter:drop-shadow(0 0 20px #d4af3766)}
@keyframes loader-pulse {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.08);opacity:.85}
}
@keyframes loader-fade-in {
from{opacity:0;transform:scale(0.8)}
to{opacity:1;transform:scale(1)}
}
.site-header{position:fixed;inset-inline:0;top:0;z-index:50;transition:all .4s ease;background:transparent}
.site-header.is-scrolled{background:#050505cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 0 var(--border),0 12px 30px -20px #000c}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}
@media (min-width: 1024px) {
.header-inner{padding:1rem 2rem}
}
.brand{display:flex;align-items:center;gap:.5rem}
.brand-badge{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--gradient-dark);border:1px solid #d4af3780;color:var(--gold);box-shadow:var(--shadow-luxe)}
.brand-badge-gold{background:var(--gradient-gold);border:none;color:var(--gold-text)}
.brand-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--foreground)}
.footer-brand-name{font-size:1.25rem;color:var(--foreground)}
.nav-desktop{display:none;align-items:center;gap:1.75rem}
@media (min-width: 1024px) {
.nav-desktop{display:flex}
}
.nav-link{font-size:.875rem;font-weight:500;color:var(--text-light);transition:color .2s ease}
.nav-link:hover,.nav-link.is-active{color:var(--gold)}
.header-cta{display:none;align-items:center;gap:.75rem}
@media (min-width: 1024px) {
.header-cta{display:flex}
}
.menu-toggle{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--foreground)}
@media (min-width: 1024px) {
.menu-toggle{display:none}
}
.mobile-nav{display:none;border-top:1px solid var(--border);background:var(--background)}
.mobile-nav.is-open{display:block;animation:fade-up .4s ease-out both}
.mobile-nav-inner{display:flex;flex-direction:column;padding:1rem 1.25rem}
.mobile-nav-link{padding:.75rem 0;font-size:1rem;font-weight:500;color:var(--text-light)}
.mobile-nav-link.is-active{color:var(--gold)}
.mobile-nav-cta{margin-top:.5rem;display:flex;gap:.5rem}
.mobile-nav-cta .btn{flex:1;text-align:center;padding:.75rem 1rem}
@media (min-width: 1024px) {
.mobile-nav{display:none!important}
}
.hero,.page-hero{position:relative;overflow:hidden;background:var(--gradient-hero)}
.hero{padding:6rem 0 3rem}
.page-hero{padding:9rem 0 4rem}
@media (min-width: 1024px) {
.hero{padding:7rem 0 4rem}
.page-hero{padding:8rem 0 4rem}
}
.hero-blobs{position:absolute;inset:0;pointer-events:none}
.blob{position:absolute;border-radius:999px;filter:blur(48px);animation:float-slow 7s ease-in-out infinite}
.blob-a{top:6rem;left:2rem;width:6rem;height:6rem;background:#d4af3740}
.blob-b{bottom:4rem;left:33%;width:8rem;height:8rem;background:#b8860b38;animation-delay:1.5s;filter:blur(64px)}
.blob-c{top:50%;right:2.5rem;width:10rem;height:10rem;background:#f7e7a824;animation-delay:3s;filter:blur(64px)}
.page-hero .blob-a{top:6rem;left:25%;width:8rem;height:8rem;background:#d4af3733}
.page-hero .blob-b{bottom:2rem;right:25%;left:auto;width:10rem;height:10rem;background:#b8860b33;animation-delay:2s}
.eyebrow-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid #d4af3766;background:#d4af371a;padding:.4rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--foreground)}
.eyebrow-badge [data-lucide]{color:var(--gold)}
.eyebrow-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--gold)}
.hero-grid{position:relative;display:grid;gap:2rem;align-items:center}
@media (min-width: 1024px) {
.hero-grid{grid-template-columns:1fr 1fr}
}
.hero-copy{animation:fade-up .8s ease-out both}
.hero-title{margin-top:1rem;font-size:2.25rem;line-height:1.05;font-weight:600;color:var(--foreground)}
@media (min-width: 640px) {
.hero-title{font-size:2.5rem}
}
@media (min-width: 1024px) {
.hero-title{font-size:3rem}
}
@media (min-width: 1280px) {
.hero-title{font-size:3.5rem}
}
.hero-sub{margin-top:1rem;max-width:36rem;font-size:1rem;color:var(--muted-foreground)}
.hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.hero-social-proof{margin-top:1.5rem;display:flex;align-items:center;gap:1.5rem}
.avatar-stack{display:flex}
.avatar-dot{width:2.25rem;height:2.25rem;border-radius:999px;border:2px solid var(--background);background:var(--gradient-gold);margin-left:-.5rem;overflow:hidden;flex-shrink:0}
.avatar-dot:first-child{margin-left:0}
.avatar-dot-logo { background: #fff; }
.avatar-dot-logo img { width:100%;height:100%;object-fit:contain;border-radius:999px; }
.stars{display:flex;gap:.15rem;color:var(--gold)}
.stars [data-lucide]{fill:currentColor}
.hero-rating-text{font-size:.75rem;color:var(--muted-foreground)}
.hero-media{position:relative;animation:zoom-in-soft .7s ease-out both}
.hero-media-glow{position:absolute;inset:-1rem;border-radius:2rem;background:var(--gradient-gold);opacity:.25;filter:blur(40px)}
.hero-media-frame{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid #d4af3759;box-shadow:var(--shadow-luxe)}
.hero-media-frame::after{content:'';position:absolute;inset-inline:0;bottom:0;height:5rem;background:linear-gradient(to top,#000000d9 0%,transparent 100%);pointer-events:none;z-index:2}
.hero-slider{position:relative;width:100%;height:350px}
@media (min-width: 1024px) {
.hero-slider{height:440px}
}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-slide:after{    content: '';
    height:200px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(180deg, #00000000 0, #000000c9 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;} 
.hero-media-frame img:not(.hero-slide img){height:350px;width:100%;object-fit:cover}
@media (min-width: 1024px) {
.hero-media-frame img:not(.hero-slide img){height:440px}
}
.hero-media-caption{position:absolute;inset-inline:0;bottom:2.4rem;padding:0 1.5rem;background:none;color:#fff;text-align:right}
.caption-eyebrow{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-weight:600;margin-bottom:.25rem}
.caption-eyebrow [data-lucide]{width:.75rem;height:.75rem}
.caption-title{font-size:.85rem;font-weight:700;color:#fff;letter-spacing:.05em;text-shadow:0 1px 6px #000000e6 0 0 20px #000c;z-index: 3;position: relative;}
.hero-slider-dots{position:absolute;bottom:1.2rem;right:1.5rem;display:flex;justify-content:flex-end;gap:.5rem;z-index:5}
.hero-slider-dot{width:8px;height:8px;border-radius:999px;background:#fff6;border:none;cursor:pointer;transition:background .3s ease,width .3s ease;padding:0}
.hero-slider-dot.is-active{background:var(--gold);width:22px}
.hero-media-badge{position:absolute;bottom:-1.5rem;left:-1.5rem;display:none;border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1rem;box-shadow:var(--shadow-luxe);align-items:center;gap:.75rem;z-index:2}
@media (min-width: 640px) {
.hero-media-badge{display:flex}
}
.badge-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:#d4af3724;color:var(--gold)}
.badge-title{font-weight:600;color:var(--foreground)}
.badge-sub{font-size:.75rem;color:var(--muted-foreground)}
.page-hero-inner{position:relative;max-width:56rem;margin:0 auto;text-align:center}
.page-hero-title{margin-top:1.5rem;font-size:2.25rem;line-height:1.05;font-weight:600;color:var(--foreground)}
@media (min-width: 640px) {
.page-hero-title{font-size:3rem}
}
@media (min-width: 1024px) {
.page-hero-title{font-size:3.75rem}
}
.page-hero-subtitle{margin:1.25rem auto 0;max-width:42rem;font-size:1.125rem;color:var(--muted-foreground)}
.section-head-center{max-width:42rem;margin:0 auto;text-align:center}
.section-title{margin-top:.75rem;font-size:2rem;font-weight:600;color:var(--foreground)}
@media (min-width: 768px) {
.section-title{font-size:2.5rem;line-height:1.2 }
}
.section-title-light{color:var(--foreground)}
.section-copy{margin-top:1rem;color:var(--muted-foreground)}
.section-kicker-center{text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--muted-foreground)}
.trusted-by{padding:2.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}
.trusted-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:center}
@media (min-width: 768px) {
.trusted-grid{grid-template-columns:repeat(6,1fr)}
}
.marquee-wrap{margin-top:1.5rem;overflow:hidden;width:100%;position:relative}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.marquee-wrap::before{left:0;background:linear-gradient(to right,var(--background),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(to left,var(--background),transparent)}
.marquee-track{display:flex;gap:3rem;align-items:center;white-space:nowrap;animation:marquee-scroll 60s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee-scroll {
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.trusted-brand{text-align:center;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-light);transition:color .2s ease;flex-shrink:0;padding:.5rem 0}
.trusted-brand:hover{color:var(--gold)}
.about-section{padding:6rem 0;background:var(--background)}
.about-grid{display:grid;gap:3.5rem;align-items:center}
@media (min-width: 1024px) {
.about-grid{grid-template-columns:1fr 1fr}
}
.about-media{position:relative}
.about-media-glow{position:absolute;inset:-1.5rem;border-radius:2rem;background:#d4af3724;filter:blur(40px)}
.about-img{position:relative;height:420px;width:100%;border-radius:1.25rem;object-fit:cover;box-shadow:var(--shadow-luxe);border:1px solid var(--border)}
@media (min-width: 640px) {
.about-img{height:520px}
}
.about-badge{position:absolute;right:-1rem;bottom:1.5rem;display:none;border-radius:1rem;background:var(--gradient-gold);padding:1.25rem 1.5rem;color:var(--gold-text);box-shadow:var(--shadow-gold)}
@media (min-width: 640px) {
.about-badge{display:block}
}
.about-badge-num{font-family:var(--font-display);font-size:1.875rem;font-weight:600}
.about-badge-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.stat-cards{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.stat-card{border-radius:1.125rem;border:1px solid var(--border);background:var(--card);padding:1.25rem;transition:border-color .25s ease,box-shadow .25s ease}
.stat-card:hover{border-color:#d4af3766;box-shadow:var(--shadow-gold-lg)}
.stat-num{font-family:var(--font-display);font-size:1.875rem;font-weight:600;color:var(--gold)}
.stat-label{margin-top:.25rem;font-size:.875rem;color:var(--muted-foreground)}
.services-section{padding:6rem 0;background:var(--surface)}
.services-grid{margin-top:3.5rem;display:grid;gap:1.5rem}
@media (min-width: 640px) {
.services-grid{grid-template-columns:1fr 1fr}
}
@media (min-width: 1024px) {
.services-grid{grid-template-columns:repeat(3,1fr)}
}
.service-card{position:relative;overflow:hidden;border-radius:1.125rem;border:1px solid var(--border);background:var(--card);padding:1.75rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-card:hover{transform:translateY(-6px);border-color:#d4af3773;box-shadow:var(--shadow-luxe),var(--shadow-gold-lg)}
.service-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.875rem;background:var(--gradient-dark);border:1px solid #d4af3759;color:var(--gold);box-shadow:var(--shadow-luxe);transition:box-shadow .25s ease}
.service-card:hover .service-icon{box-shadow:var(--shadow-luxe),var(--shadow-gold-lg)}
.service-title{margin-top:1.25rem;font-size:1.25rem;font-weight:600;color:var(--foreground)}
.service-desc{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}
.service-link{margin-top:1.25rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--foreground)}
.service-link:hover{color:var(--gold)}
.why-section{padding:6rem 0;background:var(--background)}
.why-grid{margin-top:3rem;display:grid;gap:1rem}
@media (min-width: 640px) {
.why-grid{grid-template-columns:1fr 1fr}
}
@media (min-width: 1024px) {
.why-grid{grid-template-columns:repeat(5,1fr)}
}
.why-card{display:flex;align-items:center;gap:.75rem;border-radius:1.125rem;border:1px solid var(--border);background:var(--card);padding:1rem;transition:border-color .2s ease,box-shadow .2s ease}
.why-card:hover{border-color:#d4af3773;box-shadow:var(--shadow-gold-lg)}
.why-icon{display:grid;place-items:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:999px;background:#d4af3724;color:var(--gold)}
.why-label{font-size:.875rem;font-weight:600;color:var(--foreground)}
.categories-section{padding:6rem 0;background:var(--surface)}
.categories-grid{margin-top:3rem;display:grid;gap:1.25rem}
@media (min-width: 768px) {
.categories-grid{grid-template-columns:1fr 1fr}
}
@media (min-width: 1024px) {
.categories-grid{grid-template-columns:repeat(3,1fr)}
}
.category-card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid var(--border);box-shadow:var(--shadow-luxe)}
.category-card img{height:360px;width:100%;object-fit:cover;transition:transform .7s ease}
.category-card:hover img{transform:scale(1.1)}
.category-card:hover{box-shadow:var(--shadow-luxe),var(--shadow-gold-lg)}
.category-overlay{position:absolute;inset:0;background:linear-gradient(to top,#050505eb,#05050559 55%,transparent)}
.category-copy{position:absolute;inset-inline:0;bottom:0;padding:1.5rem;color:var(--foreground)}
.category-title{margin-top:.25rem;font-size:1.5rem;font-weight:600}
.category-desc{margin-top:.25rem;font-size:.875rem;color:var(--text-light)}
.category-link{margin-top:.75rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--gold)}
.process-section{padding:6rem 0;background:var(--background)}
.process-wrap{position:relative;margin-top:3.5rem}
.process-line{position:absolute;left:0;right:0;top:2.25rem;display:none;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
@media (min-width: 1024px) {
.process-line{display:block}
}
.process-grid{display:grid;gap:2rem}
@media (min-width: 768px) {
.process-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 1024px) {
.process-grid{grid-template-columns:repeat(6,1fr)}
}
.process-step{position:relative;text-align:center}
.process-num{margin:0 auto;display:grid;place-items:center;width:4rem;height:4rem;border-radius:999px;background:var(--gradient-dark);border:1px solid #d4af3766;font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--gold);box-shadow:var(--shadow-luxe)}
.process-title{margin-top:1.25rem;font-size:1.125rem;font-weight:600;color:var(--foreground)}
.process-desc{margin-top:.25rem;font-size:.875rem;color:var(--muted-foreground)}
.portfolio-section{padding:6rem 0;background:var(--surface);color:var(--foreground);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.portfolio-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem}
.filter-pill{border-radius:999px;border:1px solid #d4af3759;padding:.25rem .75rem;color:var(--gold)}
.portfolio-grid{margin-top:2.5rem;display:grid;gap:1rem;grid-auto-rows:1fr}
@media (min-width: 640px) {
.portfolio-grid{grid-template-columns:1fr 1fr}
}
@media (min-width: 1024px) {
.portfolio-grid{grid-template-columns:repeat(3,1fr)}
}
.portfolio-item{position:relative;overflow:hidden;border-radius:1.125rem;border:0;padding:0;background:none}
.portfolio-item img{height:240px;width:100%;object-fit:cover;transition:transform .7s ease}
.portfolio-item-tall img{height:100%;min-height:420px}
@media (min-width: 1024px) {
.portfolio-item-tall{grid-row:span 2}
}
.portfolio-item:hover img{transform:scale(1.1)}
.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,#050505d9,transparent);opacity:0;transition:opacity .25s ease}
.portfolio-item:hover .portfolio-overlay{opacity:1}
.portfolio-tag{position:absolute;bottom:1rem;left:1rem;border-radius:999px;background:var(--gradient-gold);padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--gold-text);opacity:0;transition:opacity .25s ease}
.portfolio-item:hover .portfolio-tag{opacity:1}
.lightbox{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000eb;padding:1.5rem;backdrop-filter:blur(6px)}
.lightbox img{max-height:85vh;width:auto;border-radius:1rem;box-shadow:var(--shadow-luxe)}
.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--foreground)}
.stats-section{padding:5rem 0;color:var(--foreground);background:radial-gradient(ellipse at center,#d4af371f,transparent 70%),var(--background);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media (min-width: 768px) {
.stats-grid{grid-template-columns:repeat(5,1fr)}
}
.counter{text-align:center}
.counter-value{font-family:var(--font-display);font-size:2.5rem;font-weight:600;background:var(--text-gold-shine);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
.counter-label{margin-top:.5rem;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light)}
.testimonials-section{padding:6rem 0;background:var(--background)}
.testimonials-inner{max-width:56rem;text-align:center}
.testimonial-card{margin-top:2.5rem;border-radius:1.25rem;border:1px solid var(--border);background:var(--card);padding:2rem;box-shadow:var(--shadow-luxe)}
@media (min-width: 768px) {
.testimonial-card{padding:3rem}
}
.testimonial-card .stars{justify-content:center}
.testimonial-slides{position:relative}
.testimonial-slide{display:none}
.testimonial-slide.is-active{display:block;animation:fade-up .5s ease-out both}
.testimonial-text{margin-top:1.5rem;font-family:var(--font-display);font-size:1.5rem;line-height:1.6;color:var(--foreground)}
@media (min-width: 768px) {
.testimonial-text{font-size:1rem}
}
.testimonial-person{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}
.testimonial-avatar{width:2.75rem;height:2.75rem;border-radius:999px;background:var(--gradient-gold)}
.testimonial-person-copy{text-align:left}
.testimonial-name{font-weight:600;color:var(--foreground)}
.testimonial-co{font-size:.75rem;color:var(--muted-foreground)}
.testimonial-dots{margin-top:1.5rem;display:flex;justify-content:center;gap:.5rem}
.dot{height:.375rem;width:.75rem;border-radius:999px;background:var(--border);border:0;transition:all .25s ease}
.dot.is-active{width:2rem;background:var(--gold)}
.packages-section{padding:6rem 0;background:var(--surface)}
.packages-grid{margin-top:3.5rem;display:grid;gap:1.5rem}
@media (min-width: 768px) {
.packages-grid{grid-template-columns:repeat(3,1fr)}
}
.package-card{position:relative;display:flex;flex-direction:column;border-radius:1.25rem;border:1px solid var(--border);background:var(--card);padding:2rem;transition:border-color .25s ease,box-shadow .25s ease}
.package-card:hover{border-color:#d4af3759}
.package-featured{border:1.5px solid var(--gold);background:linear-gradient(160deg,#1f1f1f 0%,#050505 100%);color:var(--foreground);box-shadow:var(--shadow-luxe),var(--shadow-gold-lg);transform:scale(1.02)}
.package-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);border-radius:999px;background:var(--gradient-gold);padding:.25rem 1rem;font-size:.75rem;font-weight:600;color:var(--gold-text);box-shadow:var(--shadow-gold)}
.package-tag{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--muted-foreground)}
.package-featured .package-tag{color:var(--gold)}
.package-name{margin-top:.5rem;font-size:1.875rem;font-weight:600;color:var(--foreground)}
.package-featured .package-name{color:var(--foreground)}
.package-price{margin-top:1rem;font-family:var(--font-display);font-size:2.25rem;color:var(--foreground)}
.package-featured .package-price{background:var(--text-gold-shine);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
.package-price-suffix{font-size:.875rem;color:var(--muted-foreground);font-family:var(--font-sans)}
.package-features{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;color:var(--text-light)}
.package-featured .package-features{color:var(--text-light)}
.package-features li{display:flex;align-items:flex-start;gap:.5rem}
.package-features [data-lucide]{margin-top:.15rem;color:var(--gold-dark);flex-shrink:0}
.package-featured .package-features [data-lucide]{color:var(--gold)}
.faq-section{padding:6rem 0;background:var(--background)}
.faq-list{margin-top:2.5rem;border-radius:1.125rem;border:1px solid var(--border);background:var(--card);overflow:hidden}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:last-child{border-bottom:0}
.faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;text-align:left;background:none;border:0;font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--foreground)}
.faq-question .icon-minus{color:var(--gold)}
.faq-answer{padding:0 1.5rem 1.5rem;font-size:.875rem;color:var(--muted-foreground)}
.blog-section{padding:6rem 0;background:var(--surface)}
.blog-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem}
.blog-viewall{font-size:.875rem;font-weight:600;color:var(--foreground)}
.blog-viewall:hover{color:var(--gold)}
.blog-grid{margin-top:2.5rem;display:grid;gap:1.5rem}
@media (min-width: 768px) {
.blog-grid{grid-template-columns:repeat(3,1fr)}
}
.blog-card{overflow:hidden;border-radius:1.25rem;border:1px solid var(--border);background:var(--card);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.blog-card:hover{transform:translateY(-6px);border-color:#d4af3766;box-shadow:var(--shadow-luxe),var(--shadow-gold-lg)}
.blog-img-wrap{overflow:hidden}
.blog-img-wrap img{height:224px;width:100%;object-fit:cover;transition:transform .7s ease}
.blog-card:hover .blog-img-wrap img{transform:scale(1.1)}
.blog-card-body{padding:1.5rem}
.blog-date{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}
.blog-title{margin-top:.75rem;font-size:1.25rem;font-weight:600;color:var(--foreground)}
.blog-title a{color:inherit}
.blog-title a:hover{color:var(--gold)}
.blog-desc{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}
.blog-readmore{margin-top:1rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--foreground)}
.blog-readmore:hover{color:var(--gold)}
.blog-detail-section{padding:4rem 0 6rem;background:var(--background)}
.blog-detail-grid{display:grid;gap:3rem}
@media (min-width: 1024px) {
.blog-detail-grid{grid-template-columns:2fr 1fr;align-items:start}
}
.blog-detail-img-wrap{overflow:hidden;border-radius:1.25rem;border:1px solid var(--border)}
.blog-detail-img-wrap img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}
.blog-detail-meta{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}
.blog-detail-tag{border-radius:999px;background:#d4af3724;color:var(--gold);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .9rem}
.blog-detail-meta-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--muted-foreground)}
.blog-detail-meta-item [data-lucide]{width:16px;height:16px;color:var(--gold)}
.blog-detail-title{margin-top:1rem;font-size:2rem;line-height:1.15;font-weight:600;color:var(--foreground)}
.blog-detail-content{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}
.blog-detail-content p{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}
.blog-detail-share{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.blog-detail-share span{font-size:.875rem;font-weight:600;color:var(--foreground)}
.blog-detail-share-links{display:flex;gap:.75rem}
.blog-detail-share-links .social-btn{border-color:var(--border);color:var(--gold)}
.blog-detail-share-links .social-btn:hover{background:var(--gradient-gold);border-color:transparent;color:var(--gold-text)}
.blog-sidebar{display:flex;flex-direction:column;gap:1.5rem}
.sidebar-card{border-radius:1.25rem;border:1px solid var(--border);background:var(--card);padding:1.5rem}
.sidebar-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}
.sidebar-list{margin-top:1.25rem;display:flex;flex-direction:column;gap:1.25rem}
.sidebar-post{display:flex;align-items:center;gap:.9rem}
.sidebar-post img{width:56px;height:56px;border-radius:.75rem;object-fit:cover;flex-shrink:0}
.sidebar-post-title{display:block;font-size:.875rem;font-weight:600;line-height:1.35;color:var(--foreground)}
.sidebar-post:hover .sidebar-post-title{color:var(--gold)}
.sidebar-post-date{display:block;margin-top:.25rem;font-size:.75rem;color:var(--muted-foreground)}
.sidebar-cta-text{margin-top:.75rem;font-size:.875rem;color:var(--muted-foreground)}
.sidebar-cta .btn{margin-top:1.25rem}
.w-full{width:100%;justify-content:center}
.blog-related{margin-top:5rem;padding-top:4rem;border-top:1px solid var(--border)}
.contact-section{padding:6rem 0;background:var(--background)}
.contact-grid{display:grid;gap:3rem}
@media (min-width: 1024px) {
.contact-grid{grid-template-columns:1fr 1fr}
}
.contact-info-list{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}
.contact-info-list li{display:flex;align-items:flex-start;gap:1rem}
.contact-info-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.875rem;background:var(--gradient-dark);border:1px solid #d4af3759;color:var(--gold);box-shadow:var(--shadow-luxe);flex-shrink:0}
.contact-info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}
.contact-info-value{font-weight:600;color:var(--foreground)}
.contact-map{margin-top:2rem;overflow:hidden;border-radius:1rem;border:1px solid var(--border);filter:grayscale(0.3) invert(0.92) contrast(0.9)}
.contact-map iframe{height:224px;width:100%;border:0}
.contact-map-full{padding:3rem 0;background:var(--background)}
.contact-map-full-inner{position:relative;height:300px;overflow:hidden;border-radius:1rem;border:1px solid var(--border);filter:grayscale(0.3) invert(0.92) contrast(0.9)}
.contact-map-full-inner iframe{width:100%;height:100%;border:0;display:block}
.contact-map-full-cta{position:absolute;bottom:1.2rem;right:.6rem;z-index:2;box-shadow:var(--shadow-luxe);filter:invert(1)}
.contact-form{border-radius:1.25rem;border:1px solid var(--border);background:var(--card);padding:2rem;box-shadow:var(--shadow-luxe)}
.contact-form-title{font-size:1.5rem;font-weight:600;color:var(--foreground)}
.form-success{margin-top:.75rem;font-size:.875rem;font-weight:600;color:var(--gold)}
.form-grid{margin-top:1.5rem;display:grid;gap:1rem}
@media (min-width: 640px) {
.form-grid{grid-template-columns:1fr 1fr}
}
.field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}
.field input,.field select,.field textarea{margin-top:.5rem;width:100%;border-radius:.75rem;border:1px solid var(--input);background:#ffffff08;padding:.75rem 1rem;font-size:.875rem;outline:none;color:var(--foreground)}
.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:#cccccc8c}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 2px var(--gold);border-color:transparent}
.site-footer{background:var(--black);color:var(--foreground);border-top:1px solid var(--border)}
.footer-grid{display:grid;gap:2.5rem;padding:4rem 1.25rem}
@media (min-width: 768px) {
.footer-grid{grid-template-columns:repeat(4,1fr);padding:4rem 1.25rem}
}
@media (min-width: 1024px) {
.footer-grid{padding:4rem 2rem}
}
.footer-desc{margin-top:1rem;font-size:.875rem;color:var(--text-light)}
.footer-social{margin-top:1.25rem;display:flex;gap:.75rem}
.social-btn{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid #d4af374d;color:var(--gold);transition:all .2s ease}
.social-btn:hover{background:var(--gradient-gold);border-color:transparent;color:var(--gold-text);box-shadow:var(--shadow-gold-lg)}
.footer-heading{font-family:var(--font-display);font-size:1.125rem;color:var(--gold)}
.footer-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:var(--text-light)}
.footer-list a:hover{color:var(--gold)}
.newsletter-form{margin-top:1rem;display:flex;overflow:hidden;border-radius:999px;border:1px solid #d4af374d}
.newsletter-input{flex:1;width:100%;background:transparent;border:0;padding:.75rem 1rem;font-size:.875rem;color:var(--foreground);outline:none}
.newsletter-input::placeholder{color:#cccccc80}
.newsletter-submit{background:var(--gradient-gold);border:0;padding:0 1rem;color:var(--gold-text)}
.footer-bottom{border-top:1px solid #ffffff14}
.footer-bottom-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem;font-size:.75rem;color:#ccccccb3}
@media (min-width: 768px) {
.footer-bottom-inner{flex-direction:row;padding:1.25rem 2rem}
}
.footer-legal{display:flex;gap:1.5rem}
.footer-legal a:hover{color:var(--gold)}
.floating-actions{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;display:flex;flex-direction:column;gap:.75rem}
.fab{display:grid;place-items:center;width:3rem;height:3rem;border-radius:999px;box-shadow:var(--shadow-luxe);transition:transform .2s ease;border:0}
.fab:hover{transform:scale(1.08)}
.fab-whatsapp{background:#25D366;color:#fff}
.fab-call{background:var(--gradient-gold);color:var(--gold-text)}
.fab-email{background:var(--gradient-dark);border:1px solid #d4af3766;color:var(--gold)}
.fab-top{border:1px solid var(--border);background:var(--card);color:var(--foreground);animation:fade-up .4s ease-out both}
.notfound{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--background)}
.notfound h1{font-size:4.5rem;font-weight:700;color:var(--gold)}
.notfound h2{margin-top:1rem;font-size:1.25rem;font-weight:600;color:var(--foreground)}
.notfound p{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}
.clients-section{padding:5rem 0}
.clients-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}
@media (min-width: 640px) {
.clients-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 1024px) {
.clients-grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width: 1280px) {
.clients-grid{grid-template-columns:repeat(5,1fr)}
}
.client-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;background:#ffffff08;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.client-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #d4af371a;border-color:#d4af3766}
.client-card img{object-fit:contain;filter:grayscale(100%) brightness(1.5);transition:filter .3s ease}
.client-card:hover img{filter:grayscale(0%) brightness(1)}
.client-name{margin:1rem .5rem;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);text-align:center}
.testimonials-page-section{padding:5rem 0}
.testimonials-page-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}
@media (min-width: 768px) {
.testimonials-page-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1200px) {
.testimonials-page-grid{grid-template-columns:repeat(3,1fr)}
}
.testimonial-page-card{padding:0;border-radius:1.25rem;overflow:hidden;background:#ffffff05;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}
.testimonial-page-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #d4af371f;border-color:#d4af374d}
.testimonial-page-body{padding:1.5rem 1.75rem;flex:1;position:relative;max-height:220px;overflow:hidden;transition:overflow .2s ease}
.testimonial-page-card:hover .testimonial-page-body{overflow-y:auto}
.testimonial-page-body::-webkit-scrollbar{width:4px}
.testimonial-page-body::-webkit-scrollbar-track{background:transparent}
.testimonial-page-body::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:4px}
.testimonial-page-body::-webkit-scrollbar-thumb:hover{background:#d4af37b3}
.testimonial-quote-icon{width:2rem;height:2rem;color:var(--gold);opacity:.4;margin-bottom:.75rem}
.testimonial-page-text{font-size:.92rem;line-height:1.75;color:var(--muted-foreground)}
.testimonial-page-footer{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid var(--border);background:#ffffff05}
.testimonial-page-avatar{width:2.75rem;height:2.75rem;border-radius:999px;background:var(--gradient-gold);flex-shrink:0;display:grid;place-items:center}
.testimonial-page-avatar svg{width:1.4rem;height:1.4rem;color:#1a1a1a}
.testimonial-page-avatar-logo{background:#fff;border:1px solid var(--border)}
.testimonial-page-avatar-logo img{width:100%;height:100%;object-fit:contain;border-radius:999px}
.testimonial-page-name{font-size:.9rem;font-weight:600;color:var(--foreground)}
.testimonial-page-role{font-size:.75rem;color:var(--gold);margin-top:2px}

/* ---------------- Gallery Detail Page ---------------- */
.gallery-detail-section { padding: 4rem 0; }

/* Back button + title */
.gallery-detail-back { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; flex-wrap: wrap; }
.gallery-detail-title { font-size: 1.5rem; font-weight: 600; color: var(--foreground); }

/* Single gallery image grid */
.gallery-detail-grid {
  display: grid; gap: 0.75rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 640px) { .gallery-detail-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .gallery-detail-grid { grid-template-columns: repeat(4, 1fr); } }
.gallery-detail-item {
  position: relative; overflow: hidden; border-radius: 0.75rem;
  aspect-ratio:1.4 / 1; border: none; padding: 0; cursor: zoom-in; background: none;
}
.gallery-detail-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block; }
.gallery-detail-item:hover img { transform: scale(1.06); }
.gallery-detail-overlay {
  position: absolute; inset: 0; background: rgba(0,0,0,0.4);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.3s ease; color: #fff;
}
.gallery-detail-overlay [data-lucide] { width: 2rem; height: 2rem; }
.gallery-detail-item:hover .gallery-detail-overlay { opacity: 1; }

/* Gallery groups grid */
.gallery-groups-grid {
  display: grid; gap: 1.5rem;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 640px) { .gallery-groups-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .gallery-groups-grid { grid-template-columns: repeat(3, 1fr); } }
.gallery-group-card {
  position: relative; border-radius: 1rem; overflow: hidden;
  aspect-ratio: 4/3; display: block; text-decoration: none;
  border: 1px solid var(--border);
}
.gallery-group-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block; }
.gallery-group-card:hover img { transform: scale(1.05); }
.gallery-group-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 55%);
}
.gallery-group-copy {
  position: absolute; bottom: 0; left: 0; right: 0; padding: 1.25rem 1.5rem;
}
.gallery-group-title { font-size: 1.1rem; font-weight: 600; color: #fff; margin-bottom: 0.25rem; }
.gallery-group-count { font-size: 0.8rem; color: var(--gold); }

/* ---------------- Gallery Carousel Lightbox ---------------- */
.glightbox {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(0,0,0,0.95);
  display: flex; align-items: center; justify-content: center;
  flex-direction: column;
}
.gl-img-wrap {
  display: flex; align-items: center; justify-content: center;
  max-width: 90vw; max-height: 80vh; width: 100%;
}
.gl-img-wrap img {
  max-width: 90vw; max-height: 80vh;
  object-fit: contain; border-radius: 0.5rem;
  box-shadow: 0 0 60px rgba(0,0,0,0.8);
  transition: opacity 0.2s ease;
}
.gl-caption {
  display: flex; align-items: center; justify-content: space-between;
  width: 90vw; max-width: 900px; margin-top: 1rem;
  padding: 0 0.5rem;
}
#gl-caption-text { font-size: 0.85rem; color: rgba(255,255,255,0.7); }
#gl-counter { font-size: 0.85rem; color: var(--gold); font-weight: 600; }
.gl-close {
  position: fixed; top: 1.25rem; right: 1.25rem;
  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px; width: 2.5rem; height: 2.5rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: #fff; transition: background 0.2s;
  z-index: 10000;
}
.gl-close:hover { background: rgba(255,255,255,0.25); }
.gl-prev, .gl-next {
  position: fixed; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
  border-radius: 999px; width: 3rem; height: 3rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; color: #fff; transition: background 0.2s;
  z-index: 10000;
}
.gl-prev { left: 1.25rem; }
.gl-next { right: 1.25rem; }
.gl-prev:hover, .gl-next:hover { background: rgba(212,175,55,0.4); border-color: var(--gold); }
@media (max-width: 640px) {
  .gl-prev { left: 0.5rem; }
  .gl-next { right: 0.5rem; }
}