@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Marcellus&display=swap');

  /*font-family: "Marcellus", serif;*/
  /* font-family: "Cormorant Garamond", serif;*/


:root{
  --bg:#f6f0e4;
  --bg-soft:#fbf7ef;
  --surface:rgba(255,255,255,.78);
  --surface-strong:#fffdf8;
  --text:#231a12;
  --muted:#6f6253;
  --line:rgba(35,26,18,.08);
  --olive:#66733a;
  --olive-2:#7f8e47;
  --gold:#b68a43;
  --terracotta:#9a4736;
  --dark:#2d2118;
  --shadow:0 18px 60px rgba(24,17,10,.10);
  --shadow-lg:0 24px 80px rgba(24,17,10,.14);
  --radius:28px;
  --container:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  /*font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;*/
  /*font-family: "Cormorant Garamond", serif;*/
  font-family: "Marcellus", serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(182,138,67,.14), transparent 26%),
    radial-gradient(circle at top right, rgba(102,115,58,.12), transparent 22%),
    linear-gradient(180deg,#fbf7ef 0%, #f2e8d6 100%);
  overflow-x:hidden;
}

a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--container), calc(100% - 32px));margin:0 auto}

.topbar{
  position:sticky;
  top:0;
  z-index:60;
  background:linear-gradient(180deg, rgba(36,27,19,.88), rgba(52,39,29,.72));
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 40px rgba(24,17,10,.16);
}

.nav{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.nav-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  padding:12px 18px;
  margin:10px 0;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  font-weight:800;
  letter-spacing:.2px;
  color:#fff7ea;
}

.brand-mark{
  width:50px;
  height:50px;
  border-radius:17px;
  background:linear-gradient(135deg,var(--gold),var(--olive));
  box-shadow:0 16px 34px rgba(0,0,0,.22);
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
}
.brand-mark::before{
  content:"";
  position:absolute;
  width:30px;height:30px;
  top:-7px;right:-7px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}
.brand-mark::after{
  content:"";
  position:absolute;
  width:18px;height:18px;
  left:9px;bottom:9px;
  border-radius:999px;
  background:#fff6df;
}
.brand small{display:block;color:rgba(255,247,234,.72);font-weight:600}

.menu{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.menu a{
  padding:11px 16px;
  border-radius:999px;
  font-weight:700;
  color:rgba(255,247,234,.88);
  transition:.25s ease;
  position:relative;
}
.menu a:hover,
.menu a.active{
  background:rgba(255,255,255,.12);
  color:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

.nav-cta-wrap{
  position:relative;
  display:flex;
  align-items:center;
}

.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gold),#cfa35b);
  color:#fff;
  font-weight:800;
  box-shadow:0 12px 28px rgba(182,138,67,.26);
  white-space:nowrap;
  border:none;
  cursor:pointer;
}

.nav-cta:hover,
.nav-cta.is-open{
  transform:translateY(-1px);
}

.nav-cta-panel{
  position:absolute;
  top:calc(100% + 14px);
  right:0;
  width:min(760px, 88vw);
  padding:22px;
  border-radius:26px;
  background:linear-gradient(135deg, rgba(255,253,248,.98), rgba(249,242,230,.98));
  border:1px solid rgba(35,26,18,.08);
  box-shadow:0 28px 80px rgba(24,17,10,.22);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.28s ease;
  z-index:70;
}

.nav-cta-wrap.open .nav-cta-panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.nav-cta-panel h3{
  margin:0 0 8px;
  font-size:1.2rem;
  color:var(--dark);
}

.nav-cta-panel p{
  margin:0 0 16px;
  color:var(--muted);
  line-height:1.6;
  font-size:.94rem;
}

.archive-menu-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.archive-menu-link{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(35,26,18,.08);
  box-shadow:0 10px 24px rgba(24,17,10,.06);
  transition:.24s ease;
}

.archive-menu-link:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg, rgba(102,115,58,.10), rgba(182,138,67,.10));
  border-color:rgba(102,115,58,.18);
}

.archive-menu-link strong{
  font-size:.98rem;
  color:var(--dark);
}

.archive-menu-link span{
  font-size:.84rem;
  color:var(--muted);
  line-height:1.45;
}

.hero{
  padding:42px 0 28px;
}

.hero-box{
  position:relative;
  padding:34px;
  border-radius:36px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.45);
  background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,249,240,.62));
  box-shadow:var(--shadow-lg);
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:26px;
  align-items:center;
}

.hero-box::before{
  content:"";
  position:absolute;
  inset:-120px auto auto -120px;
  width:260px;height:260px;
  background:radial-gradient(circle, rgba(154,71,54,.10), transparent 68%);
  border-radius:999px;
  pointer-events:none;
}
.hero-box::after{
  content:"";
  position:absolute;
  right:-110px;bottom:-110px;
  width:280px;height:280px;
  background:radial-gradient(circle, rgba(102,115,58,.10), transparent 68%);
  border-radius:999px;
  pointer-events:none;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  color:var(--olive);
  font-weight:800;
  font-size:.9rem;
  margin-bottom:16px;
}

h1{
  margin:0;
  font-size:clamp(2.4rem,5vw,5rem);
  line-height:.94;
  letter-spacing:-.05em;
  max-width:680px;
}

.hero p{
  margin:14px 0 0;
  max-width:620px;
  color:var(--muted);
  line-height:1.72;
  font-size:1rem;
}

.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:999px;
  font-weight:800;
  border:1px solid transparent;
  transition:.28s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  background:linear-gradient(135deg,var(--olive),var(--gold));
  color:#fff;
  box-shadow:0 16px 34px rgba(102,115,58,.24);
}
.btn-secondary{
  background:rgba(255,255,255,.72);
  border-color:var(--line);
}






.hero-mini-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
  max-width:720px;
}
.mini-stat{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.mini-stat strong{display:block;font-size:1rem;margin-bottom:4px}
.mini-stat span{font-size:.88rem;color:var(--muted)}

.hero-visual{position:relative;min-height:520px}
.visual-frame{
  position:absolute;inset:0;
  border-radius:30px;
  overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76));
  box-shadow:var(--shadow);
}

.mosaic{
  position:absolute;inset:18px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
}
.mosaic-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  min-height:120px;
  box-shadow:var(--shadow);
  transform:translateZ(0);
}
.mosaic-card::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 26%, rgba(0,0,0,.52) 100%);
  z-index:1;
}
.mosaic-card span{
  position:absolute;
  left:18px;bottom:16px;
  z-index:2;
  color:#fff;
  font-weight:800;
  letter-spacing:.2px;
}
.mosaic-card.large{grid-row:1 / span 2;background:url('https://abcpalestine.besthr.in/public/uploads/gallery/18719_lfWHGqKQ6P8E.jpg?auto=format&fit=crop&w=1200&q=80') center/cover}
.mosaic-card.one{background:url('https://abcpalestine.besthr.in/public/uploads/gallery/23446_9cLVh4ddy0M3.jpg?auto=format&fit=crop&w=1200&q=80') center/cover}
.mosaic-card.two{background:url('https://abcpalestine.besthr.in/public/uploads/gallery/18469_dnDgB4SpXPwz.jpg?auto=format&fit=crop&w=1200&q=80') center/cover}

.float-card{
  position:absolute;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(12px);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:16px;
  animation:floatY 5s ease-in-out infinite;
}
.float-card.a{top:16px;right:-8px;width:210px}
.float-card.b{left:-6px;bottom:26px;width:220px;animation-delay:1.1s}
.float-card strong{display:block;margin-bottom:4px}
.float-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}

.section{padding:18px 0 56px}
.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.section-head h2{
  margin:0;
  font-size:clamp(1.9rem,3.8vw,3.1rem);
  letter-spacing:-.04em;
}
.section-head p{
  margin:0;
  max-width:620px;
  color:var(--muted);
  line-height:1.7;
}

.collection-slider-wrap{
  position:relative;
  margin-bottom:20px;
}

.collection-slider{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:4px 2px 14px;
  scrollbar-width:none;
}

.collection-slider::-webkit-scrollbar{display:none}

.collection-card{
  position:relative;
  min-height:240px;
  min-width:calc(25% - 14px);
  flex:0 0 calc(25% - 14px);
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.4);
  box-shadow:var(--shadow);
  background:#ddd;
  scroll-snap-align:start;
  transition:transform .28s ease, box-shadow .28s ease;
}
.collection-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 60px rgba(24,17,10,.18);
}
.collection-card::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,.58) 100%);
  z-index:1;
}
.collection-card .label{
  position:absolute;
  left:18px;right:18px;bottom:18px;
  z-index:2;
  color:#fff;
}
.collection-card .label strong{display:block;font-size:1.1rem}
.collection-card .label span{display:block;margin-top:4px;font-size:.88rem;opacity:.86}

.slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border:none;
  border-radius:18px;
  background:rgba(45,33,24,.82);
  color:#fff;
  font-size:1.3rem;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 18px 40px rgba(24,17,10,.18);
  z-index:3;
  transition:.25s ease;
}

.slider-arrow:hover{
  background:linear-gradient(135deg,var(--olive),var(--gold));
  transform:translateY(-50%) scale(1.04);
}

.slider-arrow.prev{left:-10px}
.slider-arrow.next{right:-10px}

.slider-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:8px;
}

.slider-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  /*background:r*/
}
   .collection-card{
      position:relative;
      border-radius:30px;
      overflow:hidden;
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.74));
      box-shadow:var(--shadow-lg);
      transition:.28s ease;
    }
    .collection-card:hover{
      transform:translateY(-6px);
      box-shadow:0 28px 70px rgba(24,17,10,.16);
    }

    .collection-cover{
      position:relative;
      min-height:250px;
      background:linear-gradient(135deg, rgba(102,115,58,.2), rgba(182,138,67,.2));
      overflow:hidden;
    }
    .collection-cover img{
      width:100%;
      height:250px;
      object-fit:cover;
      transition:transform .5s ease;
    }
    .collection-card:hover .collection-cover img{
      transform:scale(1.06);
    }
    .collection-cover::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.5));
    }

    .count-badge{
      position:absolute;
      top:16px;
      left:16px;
      z-index:2;
      padding:10px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.92);
      color:var(--dark);
      font-size:.86rem;
      font-weight:800;
      box-shadow:0 10px 20px rgba(24,17,10,.12);
    }

    .card-body{
      padding:22px;
    }
    .card-body h3{
      margin:0 0 8px;
      font-size:1.28rem;
      letter-spacing:-.02em;
    }
    .card-body p{
      margin:0;
      color:var(--muted);
      line-height:1.72;
      font-size:.95rem;
      min-height:52px;
    }

    .thumb-row{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:16px;
    }
    .thumb{
      height:76px;
      border-radius:16px;
      overflow:hidden;
      border:1px solid var(--line);
      background:rgba(255,255,255,.7);
    }
    .thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .card-actions{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-top:18px;
      flex-wrap:wrap;
    }
    .meta{
      color:var(--olive);
      font-weight:800;
      font-size:.92rem;
    }

    .center-actions{
      display:flex;
      justify-content:center;
      margin-top:30px;
    }

    .load-more-btn{
      min-width:220px;
    }

    .empty-state{
      display:none;
      text-align:center;
      padding:40px 22px;
      border-radius:26px;
      background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.74));
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      color:var(--muted);
      font-weight:700;
    }
    
    .section .card-body p{
          display: none;
    }
    .section .card-body .thumb-row{
          display: none;
    }
    .section .card-body .card-actions{
          display: none;
    }
    
      .archive-sec {
                    padding: 42px;
                    border-radius: 36px;
                    overflow: hidden;
                    border: 1px solid rgba(255, 255, 255, .45);
                    background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(255, 249, 240, .72));
                    box-shadow: var(--shadow-lg);
                    align-items: center;
                }
                
                .archive-sec__wrapper {
                    display: grid;
                    grid-template-columns: 33.33% 33.33% 33.33%;
                    /*gap: 25px;*/
                }
                
                .archive-sec__card {
                    background: #fff;
                    border-radius: 20px;
                    overflow: hidden;
                    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
                    transition: 0.3s;
                    margin: 15px;
                }
                
                .archive-sec__card:hover {
                    transform: translateY(-5px);
                }
                
                .archive-sec__img-box {
                    position: relative;
                    height: 220px;
                    overflow: hidden;
                }
                
                .archive-sec__img-box img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                
                /* Green overlay effect */
                .archive-sec__img-box::after {
                    content: "";
                    position: absolute;
                    inset: 0;
                    background: rgba(120, 150, 90, 0.35);
                }
                
                /* Tag */
                .archive-sec__tag {
                    position: absolute;
                    top: 15px;
                    left: 15px;
                    background: rgba(255,255,255,0.6);
                    backdrop-filter: blur(6px);
                    padding: 6px 14px;
                    border-radius: 20px;
                    font-size: 14px;
                    font-weight: 600;
                    z-index: 2;
                }
                
                /* Content */
                .archive-sec__content {
                    padding: 18px 20px;
                }
                
                .archive-sec__content h3 {
                    font-size: 18px;
                    margin-bottom: 5px;
                    color: #1a2a3a;
                }
                
                .archive-sec__content p {
                    font-size: 14px;
                    color: #6b7a8c;
                }
                
                /* Responsive */
                @media (max-width: 1200px) {
                    .archive-sec__wrapper {
                        grid-template-columns: repeat(3, 1fr);
                    }
                }
                
                @media (max-width: 992px) {
                    .archive-sec__wrapper {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }
                
                @media (max-width: 576px) {
                    .archive-sec__wrapper {
                        grid-template-columns: 1fr;
                    }
                     .archive-sec__wrapper {
                         grid-template-columns:100%;
                     }
                }

    .site-footer{padding:18px 0 18px}
    .footer-shell{
      display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:28px;border-radius:32px 32px 0 0;
      background:linear-gradient(135deg, rgba(45,33,24,.98), rgba(82,62,43,.94));
      border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(24,17,10,.22);
      color:#fff7ea;position:relative;overflow:hidden
    }
    .footer-shell::before,.footer-shell::after{content:"";position:absolute;border-radius:999px;pointer-events:none}
    .footer-shell::before{width:220px;height:220px;right:-60px;top:-80px;background:radial-gradient(circle, rgba(182,138,67,.18), transparent 70%)}
    .footer-shell::after{width:180px;height:180px;left:-40px;bottom:-80px;background:radial-gradient(circle, rgba(102,115,58,.18), transparent 70%)}
    .footer-brand{display:flex;align-items:center;gap:14px;font-weight:800;color:#fff7ea;margin-bottom:14px}
    .footer-mark{width:52px;height:52px}
    .footer-brand small{display:block;color:rgba(255,247,234,.72);font-weight:600}
    .footer-main p{margin:0;max-width:580px;color:rgba(255,247,234,.74);line-height:1.75}
    .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
    .footer-links h4{margin:0 0 12px;font-size:1rem;color:#ffffff}
    .footer-links a{display:block;margin-bottom:10px;color:rgba(255,247,234,.74);transition:.22s ease}
    .footer-links a:hover{color:#ffffff;transform:translateX(2px)}
    .footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 6px 0;color:var(--muted);font-size:.92rem}
    .footer-bottom{border-radius: 0 0 32px 32px;background: linear-gradient(135deg, rgba(45, 33, 24, .98), rgba(82, 62, 43, .94));    padding: 1% 2%; margin: 0; text-align: center; justify-content: center;color: #fff}

    @media (max-width:1120px){
      .hero-box{grid-template-columns:1fr}
      .hero-visual{order:-1;min-height:360px}
      .collections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .footer-shell{grid-template-columns:1fr}
    }

    @media (max-width:860px){
      /*.brand{grid-column:1/2}*/
      /*.mobile-menu-toggle{display:inline-flex;grid-column:2/3;justify-self:end}*/
      /*.menu{*/
      /*  display:none;grid-column:1/-1;width:100%;flex-direction:column;align-items:stretch;gap:10px;*/
      /*  padding-top:14px;margin-top:14px;border-top:1px solid rgba(255,255,255,.10)*/
      /*}*/
      /*.menu a{width:100%;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06)}*/
      /*.hero-box{padding:24px}*/
      /*.toolbar{padding:16px}*/
      /*.toolbar,.toolbar-stats,.search-box{flex-direction:column;align-items:stretch}*/
      /*.search-box{min-width:100%}*/
      .collections-grid{grid-template-columns:1fr}
      .footer-links{grid-template-columns:1fr}
    }

    @media (max-width:620px){
        .visual-label{bottom:80px}
      h1{font-size:clamp(2rem,10vw,3rem)}
      .hero-actions{flex-direction:column}
      .btn{width:100%}
      .hero-box,.card-body{padding:18px}
      .footer-shell{padding:22px}
      .footer-bottom{flex-direction:column}
      .thumb-row{grid-template-columns:repeat(3,1fr)}
      .collection-cover img{height:220px}
    }
    .mosaic { display: block;}
    .visual-stack { display: block;}
    .visual-card.large { width: 100% height: 100%;}
    .mosaic-card.large { height: 100%; width: 100%;}
    .disp-nne { display: none !important; }
    
    .visual-grid { display: block !important; }
    .visual-grid .visual-big { width: 100%; height: 100%;}
    
    .topbar {     background: linear-gradient(180deg, #6A4831, rgb(106 72 49 / 95%)) !important;}
    body {     background: #A07A59 !important;}