@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600&display=swap");
:root { --beige:#f3ece2; --sand:#e4d6c3; --brown:#7a5a3c; --dark:#2b2724; --white:#fffdf9; --muted:#6f655c; --wa:#1fa855; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Inter,system-ui,sans-serif; color:var(--dark); background:var(--white); line-height:1.6; overflow-x:hidden; }
img { display:block; max-width:100%; }
a { color:inherit; }
:focus-visible { outline:2px solid var(--brown); outline-offset:3px; }
h1,h2,h3 { font-family:"Cormorant Garamond",Georgia,serif; font-weight:600; line-height:1.1; margin:0 0 .6rem; }
h2 { font-size:clamp(2rem,4vw,2.9rem); }
.eyebrow { text-transform:uppercase; letter-spacing:.2em; font-size:.72rem; color:var(--brown); font-weight:600; margin:0 0 .7rem; }
.nav { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; padding:1rem 5vw;
  background:rgba(255,253,249,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--sand); }
.logo { font-family:"Cormorant Garamond",serif; font-size:1.5rem; font-weight:600; letter-spacing:.08em; text-decoration:none; display:flex; flex-direction:column; line-height:1; }
.logo span { font-family:Inter,sans-serif; font-size:.6rem; letter-spacing:.35em; text-transform:uppercase; color:var(--brown); margin-top:.3rem; }
.links { display:flex; gap:1.8rem; align-items:center; }
.links a { text-decoration:none; font-size:.9rem; }
.burger { display:none; background:none; border:0; padding:.5rem; cursor:pointer; }
.burger span { display:block; width:24px; height:2px; background:var(--dark); margin:5px 0; }
.btn-wa,.btn-ghost,.btn-dark { display:inline-flex; align-items:center; gap:.55rem; padding:.9rem 1.5rem; border-radius:999px; text-decoration:none; font-weight:600; font-size:.95rem; transition:.2s; }
.btn-wa { background:var(--wa); color:#fff !important; box-shadow:0 8px 24px rgba(31,168,85,.3); }
.btn-wa:hover { transform:translateY(-2px); background:#178f47; }
.btn-wa.sm { padding:.55rem 1rem; font-size:.85rem; box-shadow:none; }
.btn-wa.lg { padding:1.1rem 2rem; font-size:1.05rem; }
.btn-ghost { border:1px solid var(--dark); }
.btn-ghost:hover { background:var(--dark); color:var(--white); }
.btn-dark { background:var(--dark); color:var(--white); }
.cta-row { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.6rem; }
.hero { display:grid; grid-template-columns:1fr 1.1fr; gap:4vw; align-items:center; padding:5rem 5vw; background:var(--beige); }
.hero h1 { font-size:clamp(2.6rem,6vw,4.8rem); }
.hero h1 em { color:var(--brown); }
.lead { font-size:1.08rem; color:var(--muted); max-width:34rem; }
.hero-imgs { position:relative; padding-bottom:3rem; }
.hero-imgs .h1 { width:100%; aspect-ratio:4/3.4; object-fit:cover; border-radius:4px; }
.hero-imgs .h2 { position:absolute; left:-2.5rem; bottom:0; width:42%; aspect-ratio:1; object-fit:cover; border:6px solid var(--beige); border-radius:4px; }
.section { padding:5.5rem 5vw; }
.section.alt { background:var(--beige); }
.sub { color:var(--muted); max-width:40rem; }
.cats { display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; margin-top:2rem; }
.cat { position:relative; overflow:hidden; border-radius:4px; text-decoration:none; aspect-ratio:3/4; }
.cat img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.cat:hover img { transform:scale(1.06); }
.cat span { position:absolute; inset:auto 0 0 0; padding:2.5rem 1.2rem 1.2rem; color:#fff; font-family:"Cormorant Garamond",serif; font-size:1.6rem;
  background:linear-gradient(transparent,rgba(30,25,20,.75)); }
.filters { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.5rem 0 2rem; }
.chip { border:1px solid var(--sand); background:var(--white); padding:.5rem 1.1rem; border-radius:999px; cursor:pointer; font:inherit; font-size:.85rem; }
.chip.on { background:var(--dark); color:var(--white); border-color:var(--dark); }
.gal { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1rem; }
.gal figure { margin:0; position:relative; overflow:hidden; border-radius:4px; }
.gal img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.gal figcaption { position:absolute; top:.8rem; left:.8rem; background:rgba(255,253,249,.9); padding:.2rem .7rem; font-size:.75rem; border-radius:999px; }
.about { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
.about img { width:100%; aspect-ratio:5/4; object-fit:cover; border-radius:4px; }
.about p { color:var(--muted); }
.dark { background:var(--dark); color:var(--beige); }
.dark .eyebrow { color:var(--sand); }
.reasons { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; margin-top:2.5rem; }
.reason { border-top:1px solid rgba(228,214,195,.3); padding-top:1.4rem; }
.reason h3 { font-size:1.5rem; }
.reason p { color:#bfb4a7; font-size:.92rem; margin:0; }
.num { color:var(--sand); font-size:.8rem; letter-spacing:.15em; }
.wa-band { text-align:center; padding:5rem 5vw; background:var(--brown); color:var(--white); }
.wa-band p { max-width:36rem; margin:0 auto 2rem; opacity:.9; }
.contact { display:grid; grid-template-columns:1fr 1.2fr; gap:3rem; align-items:stretch; }
.info { list-style:none; padding:0; margin:1.5rem 0 0; }
.info li { padding:1rem 0; border-bottom:1px solid var(--sand); display:flex; flex-direction:column; }
.info strong { font-size:.72rem; text-transform:uppercase; letter-spacing:.15em; color:var(--brown); }
.info a { text-decoration:none; font-size:1.1rem; }
.contact iframe { width:100%; min-height:360px; border:0; border-radius:4px; filter:sepia(.25); }
.foot { background:var(--beige); padding:2.5rem 5vw 6rem; display:flex; flex-wrap:wrap; gap:1rem 2rem; justify-content:space-between; align-items:center; font-size:.85rem; color:var(--muted); }
.foot p { margin:0; }
.wa-float { position:fixed; right:1.2rem; bottom:1.2rem; z-index:30; width:60px; height:60px; border-radius:50%; background:var(--wa); color:#fff;
  display:grid; place-items:center; box-shadow:0 10px 30px rgba(0,0,0,.25); }
.wa-float svg { width:30px; height:30px; }
.hero-badge { position:absolute; right:1rem; top:1rem; background:var(--white); padding:.55rem 1rem; border-radius:999px; font-size:.8rem; font-weight:600;
  display:flex; align-items:center; gap:.5rem; box-shadow:0 8px 24px rgba(43,39,36,.15); }
.dot { width:8px; height:8px; border-radius:50%; background:var(--brown); }
.marquee { background:var(--dark); color:var(--sand); overflow:hidden; padding:1.1rem 0; }
.track { display:flex; width:max-content; animation:slide 40s linear infinite; }
.track span { font-family:"Cormorant Garamond",serif; font-size:1.5rem; padding:0 1.2rem; white-space:nowrap; }
.track i { font-style:normal; color:var(--brown); margin-left:2.4rem; font-size:.9rem; }
@keyframes slide { to { transform:translateX(-33.333%); } }
.gal { grid-auto-flow:dense; }
.gal figure.big { grid-column:span 2; grid-row:span 2; }
.gal figure.big img { height:100%; aspect-ratio:auto; }
.zoom { all:unset; display:block; width:100%; height:100%; cursor:zoom-in; }
.zoom:focus-visible { outline:2px solid var(--brown); }
.zoom img { transition:transform .6s; }
.zoom:hover img { transform:scale(1.05); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s, transform .7s; }
.reveal.in { opacity:1; transform:none; }
.lightbox { position:fixed; inset:0; z-index:50; background:rgba(25,22,20,.94); display:grid; place-items:center; padding:4rem 1rem 6rem; }
.lightbox img { max-height:100%; max-width:100%; border-radius:4px; }
.lb-close,.lb-nav { position:absolute; background:rgba(255,253,249,.12); color:#fff; border:0; width:48px; height:48px; border-radius:50%; font-size:1.8rem; cursor:pointer; }
.lb-close { top:1rem; right:1rem; }
.lb-nav { top:50%; transform:translateY(-50%); }
.lb-nav.prev { left:1rem; } .lb-nav.next { right:1rem; }
.lb-bar { position:absolute; bottom:1.2rem; left:0; right:0; display:flex; justify-content:center; align-items:center; gap:1rem; color:var(--sand); flex-wrap:wrap; }
.steps { list-style:none; padding:0; margin:2.5rem 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.steps li { background:var(--beige); padding:2rem; border-radius:4px; position:relative; }
.step-n { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--brown); color:var(--white);
  font-family:"Cormorant Garamond",serif; font-size:1.4rem; margin-bottom:1rem; }
.steps h3 { font-size:1.6rem; }
.steps p { color:var(--muted); margin:0; }
.map-wrap { position:relative; min-height:400px; }
.map-wrap iframe { position:absolute; inset:0; height:100%; }
.map-card { position:absolute; left:1rem; bottom:1rem; right:1rem; max-width:300px; background:var(--white); padding:1rem 1.2rem; border-radius:4px;
  box-shadow:0 10px 30px rgba(43,39,36,.2); display:flex; flex-direction:column; gap:.2rem; font-size:.9rem; }
.map-card strong { font-family:"Cormorant Garamond",serif; font-size:1.25rem; }
.map-card a { color:var(--brown); font-weight:600; text-decoration:none; margin-top:.3rem; }
@media (prefers-reduced-motion:reduce) { .track { animation:none; } .reveal { opacity:1; transform:none; } }
.lang { display:inline-flex; border:1px solid var(--sand); border-radius:999px; overflow:hidden; direction:ltr; }
.lang button { background:none; border:0; padding:.35rem .7rem; font:600 .75rem Inter,sans-serif; cursor:pointer; color:var(--dark); }
.lang button.on { background:var(--dark); color:var(--white); }
[dir="rtl"] body, [dir="rtl"] .logo span { font-family:Tajawal,system-ui,sans-serif; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .cat span, [dir="rtl"] .track span,
[dir="rtl"] .map-card strong { font-family:Amiri,Georgia,serif; }
[dir="rtl"] .eyebrow, [dir="rtl"] .info strong, [dir="rtl"] .logo span { letter-spacing:0; }
[dir="rtl"] .logo { font-family:"Cormorant Garamond",serif; direction:ltr; }
[dir="rtl"] .marquee .track { direction:ltr; }
[dir="rtl"] .hero-imgs .h2 { left:auto; right:-2.5rem; }
[dir="rtl"] .hero-badge { right:auto; left:1rem; }
[dir="rtl"] .gal figcaption { left:auto; right:.8rem; }
[dir="rtl"] .wa-float { right:auto; left:1.2rem; }
[dir="rtl"] .lb-close { right:auto; left:1rem; }
[dir="rtl"] .lb-nav.prev { left:auto; right:1rem; }
[dir="rtl"] .lb-nav.next { right:auto; left:1rem; }
[dir="rtl"] .phone { direction:ltr; unicode-bidi:isolate; }
.brand { display:flex; align-items:center; gap:.7rem; text-decoration:none; color:inherit; }
.brand-mark { width:34px; height:46px; object-fit:contain; mix-blend-mode:multiply; }
.foot-mark { width:44px; height:60px; object-fit:contain; filter:invert(1); opacity:.85; margin-bottom:.6rem; }
.hero-text { position:relative; }
.hero-text::before { content:""; position:absolute; top:-2rem; left:-1rem; width:140px; height:190px; background:url(/images/logo.png) center/contain no-repeat;
  opacity:.06; pointer-events:none; }
.steps-sec { background:var(--beige); }
section h2::after { content:""; display:block; width:48px; height:2px; background:var(--brown); margin-top:.8rem; }
.foot { text-align:center; }
.foot .foot-mark { display:block; margin:0 auto .6rem; }
@media (max-width:900px) {
  [dir="rtl"] .hero-imgs .h2 { right:auto; left:-.5rem; }
  .steps { grid-template-columns:1fr; }
  .gal figure.big { grid-column:auto; grid-row:auto; }
  .gal figure.big img { aspect-ratio:4/3; }
  .hero,.about,.contact { grid-template-columns:1fr; }
  .hero { padding:3rem 5vw; }
  .hero-imgs .h2 { left:auto; right:-.5rem; }
  .cats,.reasons { grid-template-columns:repeat(2,1fr); }
  .burger { display:block; }
  .links { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; background:var(--white); padding:1.5rem; border-bottom:1px solid var(--sand); }
  .links.open { display:flex; }
  .section { padding:4rem 5vw; }
}
@media (max-width:480px) { .reasons { grid-template-columns:1fr; } .cats { gap:.7rem; } .cat span { font-size:1.25rem; padding:2rem .8rem .8rem; } }