
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:linear-gradient(180deg,#fffdfb,#f7efe8,#fff);color:#453833}
h1,h2,.logo{font-family:"Cormorant Garamond",serif}
.header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:rgba(255,253,251,.82);backdrop-filter:blur(12px);z-index:10}
.logo{font-size:2rem;letter-spacing:4px}
nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
nav a{text-decoration:none;color:#453833}
.pill,.btn,.ghost{display:inline-block;padding:14px 24px;border-radius:999px;text-decoration:none;transition:.3s}
.pill{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,
#E8C8B7,
#D7A98E,
#F4DDD1);background-size:300%;color:white;padding:15px 30px;border-radius:999px;text-decoration:none;font-weight:600;transition:0.4s;box-shadow:
0 0 15px rgba(215,169,142,.35),0 0 30px rgba(215,169,142,.2);animation:glow 6s linear infinite;}
.ghost{display:inline-flex;align-items:center;gap:10px;justify-content:center;padding:16px 30px;border-radius:999px;background:#FDF8F5;border:2px solid #E7D3C6;color:#6E554B;text-decoration:none;font-weight:600;transition:all .35s ease;box-shadow:0 10px 24px rgba(0,0,0,.05);}

.ghost:hover{background:#ffffff;transform:translateY(-4px)scale(1.03);border-color:#D7A98E;box-shadow:0 20px 40px rgba(215,169,142,.25);}
.ghost .arrow{display:inline-block;transition:.3s;}
.ghost:hover .arrow{transform:translateX(8px);}
.pill:hover,.btn:hover,.ghost:hover{transform:translateY(-3px)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:88vh;padding:5vh 6vw;background:radial-gradient(circle at top right,#f3e1d6,transparent 35%)}
.eyebrow{letter-spacing:2px;color:#9a7b6d;margin-bottom:14px}
h1{font-size:clamp(56px,8vw,92px);line-height:.95}
.left p{font-size:1.1rem;max-width:560px;margin:18px 0}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.stats{display:flex;gap:14px;flex-wrap:wrap}
.stats div,.card{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);padding:18px;border-radius:20px;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.stats strong{display:block;font-size:2rem}
.right{text-align:center}
.right img{width:min(440px,92%);border-radius:50%;border:10px solid #efe1d7;box-shadow:0 24px 60px rgba(0,0,0,.16),0 0 30px rgba(255,235,220,.40);animation:float 5s ease-in-out infinite;transition:0.5s;cursor:pointer;}
.section,.quote,footer{padding:80px 6vw;text-align:center}
h2{font-size:3rem;margin-bottom:14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px}
.card{transition:.3s}.card:hover{transform:translateY(-6px)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:120px;gap:18px;margin-top:28px}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.12);transition:.35s}
.gallery img:nth-child(1){grid-row:span 4}
.gallery img:nth-child(2){grid-row:span 2}
.gallery img:nth-child(3){grid-row:span 3}
.gallery img:nth-child(4){grid-row:span 2}
.gallery img:nth-child(5){grid-row:span 3}
.gallery img:nth-child(6){grid-row:span 4}
.gallery img:nth-child(7){grid-row:span 3}
.gallery img:nth-child(8){grid-row:span 2}
.gallery img:hover{transform:scale(1.03)}
.quote{background:linear-gradient(90deg,#f8eee7,#fff)}
#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);align-items:center;justify-content:center;z-index:100}
#lightbox img{max-width:92vw;max-height:92vh;border-radius:18px}
#close{position:absolute;top:20px;right:28px;color:#fff;font-size:46px;cursor:pointer}
.reveal{opacity:0;transform:translateY(30px)}
@keyframes float{50%{transform:translateY(-10px)}}
@media(max-width:900px){
.hero{grid-template-columns:1fr;text-align:center}
.buttons,.stats{justify-content:center}
.gallery{grid-template-columns:repeat(2,1fr)}}
@keyframes glow{0%{background-position:left;}50%{background-position:right;}100%{background-position:left;}
}.pill:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 20px rgba(255,220,180,.6),0 0 45px rgba(255,220,180,.4);}.arrow{display:inline-block;transition:0.35s;}.pill:hover .arrow{transform:translateX(8px);}
.right img:hover{transform:scale(1.04)rotate(-2deg);box-shadow:0 35px 80px rgba(0,0,0,.22),0 0 40px rgba(255,220,180,.5);}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 30px;border-radius:999px;background:#ffffff;color:#5A463F;border:2px solid #E8D3C7;text-decoration:none;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:all .35s ease;}
.btn:hover{transform:translateY(-4px)scale(1.03);background:#E8C8B7;color:white;border-color:#E8C8B7;box-shadow:0 18px 40px rgba(216,180,165,.45);}
.mini-info{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px;}
.mini-info span{padding:10px 18px;background:white;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.06);font-size:.95rem;transition:.3s;}.mini-info span:hover{transform:translateY(-4px);}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:35px;}
.why-card{background:white;padding:30px;border-radius:24px;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.08);transition:.35s;}
.why-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(0,0,0,.12);}
.icon{font-size:2rem;margin-bottom:12px;}
.why-card h3{margin-bottom:10px;}
.why-card p{color:#6f635c;line-height:1.6;}
.ticker{
    width:100%;
    overflow:hidden;
    background:#fff;
    padding:18px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;}
.ticker-track{
    display:flex;
    width:max-content;
    animation:scroll 18s linear infinite;}
.ticker-track:hover{animation-play-state:paused;}
.ticker-track span{
    white-space:nowrap;
    font-size:30px;
    font-weight:600;
    letter-spacing:1px;
    color:#8d6d58;
    padding-right:120px;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
/* Floating Button */
.floating-cta{

position:fixed;

bottom:28px;

right:28px;

z-index:99999;

display:flex;

align-items:center;

gap:12px;

padding:18px 30px;

border-radius:999px;

background:linear-gradient(135deg,#E7B8A2,#D89A7D);

color:#fff;

font-size:18px;

font-weight:700;

text-decoration:none;

letter-spacing:.4px;

box-shadow:
0 12px 35px rgba(216,154,125,.45),
0 0 25px rgba(255,220,200,.55);

transition:all .35s ease;
animation:floatCTA 3s ease-in-out infinite;}
.floating-cta:hover{transform:translateY(-6px)
scale(1.06);
box-shadow:
0 20px 50px rgba(216,154,125,.55),
0 0 40px rgba(255,230,210,.8);}
@keyframes floatCTA{

0%{
transform:translateY(0px);
}50%{
transform:translateY(-6px);}100%{
transform:translateY(0px);}}
@media(max-width:768px){.floating-cta{bottom:20px;right:15px;font-size:16px;padding:16px 22px;}}
.online-dot{

width:12px;

height:12px;

border-radius:50%;

background:#7CFC00;

box-shadow:
0 0 10px #7CFC00,
0 0 20px #7CFC00;
animation:pulseDot 1.8s infinite;
}
@keyframes pulseDot{
0%{
transform:scale(1);
opacity:1;
}50%{
transform:scale(1.4);
opacity:.6;}
100%{
transform:scale(1);
opacity:1;}}
.right a{display:inline-block;}
.right a img{cursor:pointer;transition:.3s;}.right a:hover img{transform:scale(1.02);}
.insta-photo{
position:relative;
display:inline-block;
text-decoration:none;
}

.insta-photo img{
display:block;
cursor:pointer;
transition:.4s;
}

.insta-photo:hover img{
transform:scale(1.03);
filter:brightness(.82);
}

.insta-overlay{
position:absolute;
left:50%;
bottom:25px;
transform:translateX(-50%);
background:rgba(255,255,255,.92);

padding:14px 24px;

border-radius:999px;

font-size:18px;

font-weight:700;

color:#5b4740;

box-shadow:0 12px 30px rgba(0,0,0,.15);

opacity:0;

transition:.35s;

white-space:nowrap;

pointer-events:none;

}

.insta-photo:hover .insta-overlay{

opacity:1;

}