* { box-sizing: border-box; }
  body { margin: 0; }
  a { color: #2e9e4b; }
  a:hover { color: #1f7a3d; }
  @keyframes floatSoft { 0%, 100% { transform: translateY(-9px); } 50% { transform: translateY(9px); } }
  @keyframes spinSlow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  @keyframes popIn { 0% { opacity: 0; transform: translateY(22px) scale(.94); } 60% { transform: translateY(-3px) scale(1.01); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
  @property --ga { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
  @keyframes spinGlow { to { --ga: 360deg; } }
  .glow-card::before { content: ''; position: absolute; inset: 0; border-radius: 26px; padding: 2px; background: conic-gradient(from var(--ga), rgba(214,255,122,0) 55%, rgba(214,255,122,.7) 76%, #eaffcf 85%, rgba(214,255,122,.7) 94%, rgba(214,255,122,0) 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: spinGlow 4.5s linear infinite; pointer-events: none; z-index: 3; }
  .jd-card { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 3/4; cursor: pointer; box-shadow: 0 26px 54px -28px rgba(13,58,28,.5); }
  .jd-card img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: transform .5s ease, filter .5s ease; }
  .jd-card:hover img { transform: scale(1.06); filter: grayscale(0); }
  .jd-bar { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 24px; background: linear-gradient(180deg, rgba(10,44,22,0), rgba(9,42,20,.86) 60%); color: #fff; transition: opacity .35s ease; }
  .jd-card:hover .jd-bar { opacity: 0; }
  .jd-panel { position: absolute; inset: 0; padding: 34px 30px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(160deg, rgba(23,84,43,.94), rgba(13,58,28,.96)); color: #eaf6e6; opacity: 0; transform: translateY(14px); transition: opacity .4s ease, transform .4s ease; }
  .jd-card:hover .jd-panel { opacity: 1; transform: none; }
  @media (max-width: 860px) { .jd-grid { grid-template-columns: 1fr !important; } }
  .dc-burger { display: none; }
  @media (max-width: 1140px) {
    .dc-desknav { display: none !important; }
    .dc-burger { display: inline-flex !important; }
    .dc-langsel { display: none !important; }
  }



@keyframes anarplaFloatA{0%{transform:translate(0,0);opacity:.35}25%{opacity:.7}50%{transform:translate(26px,-42px);opacity:.45}75%{opacity:.75}100%{transform:translate(0,0);opacity:.35}}
@keyframes anarplaFloatB{0%{transform:translate(0,0);opacity:.5}33%{transform:translate(-30px,28px);opacity:.25}66%{transform:translate(14px,-20px);opacity:.65}100%{transform:translate(0,0);opacity:.5}}
@keyframes anarplaFloatC{0%{transform:translate(0,0) scale(1);opacity:.3}50%{transform:translate(-18px,-56px) scale(1.25);opacity:.6}100%{transform:translate(0,0) scale(1);opacity:.3}}
.dot-glow{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(126,217,87,.9) 0%,rgba(126,217,87,.35) 45%,rgba(126,217,87,0) 72%)}

@media (max-width: 720px) {
  .anarpla-section--about-1 .anarpla-site-nav { padding-top:16px!important; padding-bottom:16px!important; }
  .anarpla-section--about-2,
  .anarpla-section--about-3,
  .anarpla-section--about-4,
  .anarpla-section--about-5,
  .anarpla-section--about-6 { padding-left:20px!important; padding-right:20px!important; }
  .anarpla-section--about-3 { padding-top:90px!important; padding-bottom:76px!important; }
  .jd-panel { opacity:1; transform:none; background:linear-gradient(180deg, rgba(23,84,43,.08) 35%, rgba(13,58,28,.95) 100%); }
  .jd-bar { display:none; }
}