:root {
  --green-950:#0f2b22; --green-900:#173f31; --green-800:#245741; --green-700:#2f6b4f;
  --green-100:#e8f0e9; --green-50:#f4f7f3; --gold-700:#8c6a2c; --gold-500:#b99145;
  --gold-200:#e7d7ad; --cream:#fbf8f0; --ink:#202823; --muted:#5f6c65; --line:#dce4de;
  --white:#fff; --danger:#a12c2c; --success:#17653a; --shadow:0 18px 60px rgba(15,43,34,.12);
  --radius:22px; --radius-sm:12px; --container:min(1180px, calc(100% - 32px));
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65} img{max-width:100%;height:auto;display:block} a{color:inherit} button,input,select,textarea{font:inherit} button{cursor:pointer}
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--green-950);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}.skip-link:focus{top:16px}
.demo-bar{background:var(--green-950);color:#fff;text-align:center;font-size:.86rem;padding:7px 16px}.demo-bar strong{color:var(--gold-200)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,228,222,.8)}
.header-inner{width:var(--container);margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.brand img{width:52px;height:52px;object-fit:contain}.brand__text{display:grid;line-height:1.1}.brand__text strong{font-size:.94rem;color:var(--green-900);letter-spacing:.04em}.brand__text span{font-size:.76rem;color:var(--gold-700);margin-top:5px}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;justify-content:center}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:20px;height:2px;background:var(--green-900);margin:4px auto}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a{padding:10px 12px;text-decoration:none;font-weight:700;font-size:.9rem;color:#385047;border-radius:10px}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{background:var(--green-50);color:var(--green-900)}.site-nav .nav-cta{background:var(--green-900);color:#fff}.site-nav .nav-cta:hover{background:var(--green-700);color:#fff}
.container{width:var(--container);margin-inline:auto}.section{padding:88px 0}.section--compact{padding:48px 0}.section--soft{background:var(--green-50)}.section--cream{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head__copy{max-width:720px}.section-head h2{margin:.25rem 0 .5rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;color:var(--green-950)}.section-head p{margin:0;color:var(--muted)}
.eyebrow{display:inline-block;color:var(--gold-700);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:#4b5c53}.muted{color:var(--muted)}
.hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#f8f4e8 0%,#eef5ef 46%,#dceade 100%);padding:86px 0 70px}.hero::before{content:"";position:absolute;right:-120px;top:-180px;width:600px;height:600px;border-radius:50%;border:80px solid rgba(185,145,69,.12)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;position:relative}.hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.02;margin:.45rem 0 1.25rem;color:var(--green-950);letter-spacing:-.045em}.hero h1 span{color:var(--gold-700)}.hero-copy>p{max-width:680px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.btn--primary{background:var(--green-900);color:#fff}.btn--primary:hover,.btn--primary:focus-visible{background:var(--green-700)}.btn--gold{background:var(--gold-500);color:#1f261f}.btn--ghost{background:#fff;border:1px solid var(--line);color:var(--green-900)}.btn--ghost:hover{border-color:var(--green-700);background:var(--green-50)}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.hero-visual::before{content:"";position:absolute;inset:55px 15px 10px;border-radius:50% 42% 48% 46%;background:linear-gradient(145deg,#1b4937,#315f45);box-shadow:var(--shadow)}.hero-logo{position:relative;width:min(430px,86%);filter:drop-shadow(0 24px 25px rgba(0,0,0,.18));animation:float 5s ease-in-out infinite}.hero-badge{position:absolute;left:0;bottom:40px;background:#fff;padding:16px 18px;border-radius:16px;box-shadow:var(--shadow);max-width:235px}.hero-badge strong{display:block;color:var(--green-900)}.hero-badge span{font-size:.84rem;color:var(--muted)}@keyframes float{50%{transform:translateY(-10px)}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.stat{padding:16px;border-left:3px solid var(--gold-500);background:rgba(255,255,255,.62);border-radius:0 12px 12px 0}.stat strong{display:block;color:var(--green-900);font-size:1.06rem}.stat span{font-size:.82rem;color:var(--muted)}
.stat--link{
  text-decoration:none;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.stat--link:hover,
.stat--link:focus-visible{
  transform:translateY(-3px);
  background:#fff;
  box-shadow:0 10px 28px rgba(15,43,34,.12);
  outline:none;
}
.grid{display:grid;gap:24px}.grid--3{grid-template-columns:repeat(3,1fr)}[data-product-grid]{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:900px;
  margin-inline:auto;
}.grid--2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(15,43,34,.05);transition:.22s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card__media{display:block;background:var(--green-50);aspect-ratio:16/10;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card:hover .card__media img{transform:scale(1.025)}.card__body{padding:24px}.card h3{font-size:1.28rem;line-height:1.25;margin:.35rem 0 .7rem;color:var(--green-950)}.card h3 a{text-decoration:none}.card p{color:var(--muted);margin:.4rem 0 1rem}.text-link{color:var(--green-800);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem}.meta span{color:var(--gold-700);font-weight:800}.portfolio-card{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.portfolio-card img{width:100%;height:150px;object-fit:cover;border-radius:16px}.portfolio-card h3{margin:.35rem 0 .5rem;color:var(--green-950)}.portfolio-card p{margin:0;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.feature__icon{width:52px;height:52px;border-radius:15px;background:var(--green-100);display:grid;place-items:center;color:var(--green-900);font-size:1.4rem;font-weight:900}.feature h3{margin:18px 0 8px;color:var(--green-950)}.feature p{margin:0;color:var(--muted)}
.page-hero{background:linear-gradient(135deg,var(--green-950),var(--green-800));color:#fff;padding:76px 0}.page-hero .eyebrow{color:var(--gold-200)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.05;margin:.4rem 0 .9rem}.page-hero p{max-width:760px;color:#e4ede7;font-size:1.1rem}.breadcrumb{font-size:.85rem;color:#d7e3db;margin-bottom:18px}.breadcrumb a{color:#fff}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:start}.content-grid h2{font-size:2.2rem;color:var(--green-950);line-height:1.15}.visual-panel{background:var(--green-50);border-radius:var(--radius);padding:34px;position:sticky;top:112px}.visual-panel img{width:min(360px,100%);margin:auto}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{position:relative;padding-left:32px;margin:12px 0}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--green-700);font-weight:900}
.filter-bar{display:grid;grid-template-columns:1fr 240px;gap:14px;margin-bottom:30px}.field{display:grid;gap:7px}.field label{font-weight:800;color:var(--green-950);font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd7cf;border-radius:12px;padding:13px 14px;background:#fff;color:var(--ink);outline:0}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(47,107,79,.14)}.checkbox{display:flex;gap:10px;align-items:flex-start}.checkbox input{margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid .full{grid-column:1/-1}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.contact-info{background:var(--green-950);color:#fff;border-radius:var(--radius);padding:34px}.contact-info h2{margin-top:0}.contact-info p{color:#d6e1da}.contact-item{padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}.contact-item strong{display:block;color:var(--gold-200)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.detail-media{background:var(--green-50);border-radius:var(--radius);overflow:hidden}.detail-media img{width:100%;aspect-ratio:4/3;object-fit:cover}.detail-grid h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;color:var(--green-950);margin:.4rem 0 1rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--green-900);width:32%;background:var(--green-50)}tr:last-child th,tr:last-child td{border-bottom:0}
.article-detail{max-width:850px;margin:auto}.article-detail header{text-align:center}.article-detail h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;color:var(--green-950);margin:.5rem 0 1rem}.article-detail time{color:var(--muted)}.article-hero{width:100%;border-radius:var(--radius);margin:34px 0}.prose{font-size:1.08rem}.prose h2{color:var(--green-900);font-size:2rem;margin-top:2.2rem}.prose p{margin:1.1rem 0}.tag-row,.share-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px}.tag,.chip{border:1px solid var(--line);background:var(--green-50);border-radius:999px;padding:8px 12px;font-size:.85rem}.chip:hover{border-color:var(--green-700)}
.map-layout{display:grid;grid-template-columns:1fr 330px;gap:24px}.map{height:560px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--green-50)}.supplier-list{display:grid;gap:12px;align-content:start}.supplier-item{border:1px solid var(--line);padding:18px;border-radius:16px;background:#fff}.supplier-item h3{margin:0 0 4px;color:var(--green-900)}.supplier-item p{margin:0;color:var(--muted);font-size:.9rem}
.cta{background:linear-gradient(135deg,var(--green-950),var(--green-700));color:#fff;border-radius:32px;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{margin:0 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.cta p{margin:0;color:#d9e5dd;max-width:650px}.cta .btn{flex:none}
.empty-state{grid-column:1/-1;text-align:center;padding:48px;background:var(--green-50);border-radius:var(--radius);border:1px dashed #abc1b2}.empty-state h3,.empty-state h1{color:var(--green-900)}
.site-footer{background:#0c271e;color:#d9e4dd;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1fr;gap:34px}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff}.footer-brand img{width:62px}.site-footer h3{color:#fff;font-size:1rem}.site-footer a{color:#d9e4dd;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.84rem;color:#aebfb4}.toast-region{position:fixed;right:20px;bottom:20px;z-index:9999;display:grid;gap:10px}.toast{max-width:360px;background:#fff;border-left:5px solid var(--success);box-shadow:var(--shadow);padding:14px 18px;border-radius:12px}.toast--info{border-color:var(--gold-500)}.toast--error{border-color:var(--danger)}
:focus-visible{outline:3px solid #d7ad4f;outline-offset:3px}
@media(max-width:980px){.menu-toggle{display:block}.site-nav{position:absolute;left:16px;right:16px;top:86px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:none;padding:12px;align-items:stretch;flex-direction:column}.site-nav.is-open{display:flex}.site-nav a{padding:12px 14px}.hero-grid,.content-grid,.detail-grid,.contact-layout,.map-layout{grid-template-columns:1fr}.hero-visual{min-height:430px}.grid--3,.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.visual-panel{position:static}.map-layout{gap:18px}.supplier-list{grid-template-columns:repeat(3,1fr)}.cta{align-items:flex-start;flex-direction:column}.portfolio-card{grid-template-columns:170px 1fr}}
@media(max-width:680px){:root{--container:min(100% - 24px,1180px)}.brand__text strong{font-size:.82rem}.brand__text span{display:none}.brand img{width:46px;height:46px}.header-inner{min-height:70px}.site-nav{top:76px}.hero{padding:62px 0 48px}.hero-grid{gap:30px}.hero-visual{min-height:340px}.hero-badge{bottom:10px}.stats{grid-template-columns:1fr}.section{padding:64px 0}.section-head{align-items:flex-start;flex-direction:column}.grid--3,.grid--2,.feature-grid,.supplier-list{grid-template-columns:1fr}.portfolio-card{grid-template-columns:1fr}.portfolio-card img{height:auto}.filter-bar,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-hero{padding:55px 0}.detail-grid{gap:30px}.map{height:440px}.cta{padding:32px 24px;border-radius:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.card__body{padding:20px}.contact-info,.form-card{padding:24px}.meta{flex-direction:column;gap:2px}.article-detail header{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Hero background foto cengkeh */
.hero {
  background:
    linear-gradient(
      90deg,
      rgba(15, 43, 34, 0.94) 0%,
      rgba(15, 43, 34, 0.82) 48%,
      rgba(15, 43, 34, 0.45) 100%
    ),
    url("../images/hero-cengkeh-kering.webp") center / cover no-repeat;
  color: #fff;
}

.hero h1 {
  color: #fff;
}

.hero h1 span,
.hero .eyebrow {
  color: var(--gold-200);
}

.hero .lead {
  color: #eef5ef;
}

.hero .stat {
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(7px);
  border-left-color: var(--gold-500);
}

.hero .stat strong {
  color: #fff;
}

.hero .stat span {
  color: #e3ece6;
}

.hero .btn--ghost {
  background: rgba(255, 255, 255, 0.94);
}

.hero::before {
  opacity: 0.32;
}

@media (max-width: 760px) {
  .hero {
    background-position: 58% center;
  }
}

/* Sembunyikan keterangan di samping logo hero */
.hero-badge {
  display: none;
}


/* Pemilih bahasa */
.language-switcher {
  flex: 0 0 auto;
}

.language-switcher select {
  min-height: 44px;
  max-width: 155px;
  padding: 9px 34px 9px 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background-color: #fff;
  color: var(--green-900);
  font-size: 0.84rem;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}

.language-switcher select:hover {
  border-color: var(--green-700);
  background-color: var(--green-50);
}

.language-switcher select:focus-visible {
  border-color: var(--green-700);
  box-shadow: 0 0 0 4px rgba(47, 107, 79, 0.14);
}

/* Penyesuaian layar tablet dan ponsel */
@media (max-width: 1200px) {
  .header-inner {
    gap: 10px;
  }

  .language-switcher {
    order: 1;
    margin-left: auto;
  }

  .menu-toggle {
    order: 2;
  }

  .site-nav {
    order: 3;
  }

  .language-switcher select {
    max-width: 125px;
    min-height: 42px;
    padding-left: 10px;
    font-size: 0.78rem;
  }
}

@media (max-width: 520px) {
  .language-switcher select {
    width: 58px;
    padding: 8px 6px;
    text-overflow: ellipsis;
  }
}

/* Dukungan tampilan bahasa Arab */
html[dir="rtl"] .language-switcher select {
  direction: rtl;
  padding-right: 12px;
  padding-left: 34px;
}

/* Navigasi desktop tetap rapi dan satu baris */
.header-inner {
  width: min(1500px, calc(100% - 32px));
}

.site-nav a {
  white-space: nowrap;
}

/* Menu hamburger untuk layar laptop dan lebih kecil */
@media (max-width: 1200px) {
  .menu-toggle {
    display: block;
  }

  .site-nav {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 86px;
    display: none;
    padding: 12px;
    align-items: stretch;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow);
  }

  .site-nav.is-open {
    display: flex;
  }

  .site-nav a {
    padding: 12px 14px;
  }
}

/* Tampilan kartu mitra pengiriman */
.shipping-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  text-align: center;
}

.shipping-card__logo {
  min-height: 180px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--green-50);
  border-bottom: 1px solid var(--line);
}

.shipping-card__logo img {
  width: 100%;
  max-width: 180px;
  height: 100px;
  object-fit: contain;
}

.shipping-card__logo strong {
  color: var(--green-900);
  font-size: 1.35rem;
}

.legality-card__logo {
    min-height: 180px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--green-50);
    border-bottom: 1px solid var(--line);
}

.legality-card__logo img {
    width: 100%;
    max-width: 180px;
    height: 120px;
    object-fit: contain;
}

.shipping-card .card__body {
  flex: 1;
}

.shipping-card .card__body h3 {
  margin-top: 0;
}

@media (max-width: 680px) {
  .shipping-card__logo {
    min-height: 150px;
    padding: 24px;
  }
}

/* =========================================
   PREMIUM SCROLL & HOVER EFFECTS
   ========================================= */

.reveal-on-scroll {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 1.1s ease,
    transform 1.1s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}

.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Card hover premium */
.card,
.stat,
.shipping-card,
.legality-card,
.portfolio-card {
  transition:
    transform 0.45s cubic-bezier(.22, 1, .36, 1),
    box-shadow 0.45s ease,
    border-color 0.45s ease;
  will-change: transform;
}

.card:hover,
.stat:hover,
.shipping-card:hover,
.legality-card:hover,
.portfolio-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 45px rgba(15, 43, 34, 0.12);
}

/* Gambar card sedikit zoom ketika hover */
.card__media,
.shipping-card__logo,
.legality-card__logo {
  overflow: hidden;
}

.card__media img,
.shipping-card__logo img,
.legality-card__logo img {
  transition: transform 0.6s cubic-bezier(.22, 1, .36, 1);
}

.card:hover .card__media img,
.shipping-card:hover .shipping-card__logo img,
.legality-card:hover .legality-card__logo img {
  transform: scale(1.045);
}

/* Hero visual */
.hero-visual {
  will-change: transform;
  transition: transform 0.15s ease-out;
}

/* Tombol lebih hidup */
.btn,
button,
.nav-cta {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

.btn:hover,
button:hover,
.nav-cta:hover {
  transform: translateY(-2px);
}

.btn:active,
button:active,
.nav-cta:active {
  transform: translateY(0);
}

/* Link navigasi */
.site-nav a {
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    transform 0.25s ease;
}

/* Image umum */
img {
  transition: opacity 0.35s ease;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .reveal-on-scroll {
    opacity: 1;
    transform: none;
  }

  .hero-visual {
    transform: none !important;
  }
}

/* =========================================
   LEGALITIES PREMIUM CAROUSEL
   ========================================= */

.legalities-slider {
  position: relative;
  width: 100%;
  margin-top: 32px;
}

.legalities-scroll {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 2px 20px;
}

.legalities-scroll::-webkit-scrollbar {
  display: none;
}

.legalities-scroll .legality-card {
  flex: 0 0 calc((100% - 48px) / 3);
  min-width: 0;
  scroll-snap-align: start;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.legalities-scroll .legality-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(15, 43, 34, 0.10);
}

.legalities-arrow {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  width: 66px;
  height: 66px;
  border: 1px solid rgba(15, 43, 34, 0.08);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  color: var(--green-900);
  box-shadow: 0 10px 30px rgba(15, 43, 34, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  line-height: 1;
  cursor: pointer;
  z-index: 5;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease,
    opacity 0.25s ease;
}

.legalities-arrow:hover {
  background: var(--green-900);
  color: #fff;
  transform: translateY(-50%) scale(1.06);
  box-shadow: 0 14px 32px rgba(15, 43, 34, 0.18);
}

.legalities-arrow:active {
  transform: translateY(-50%) scale(0.96);
}

.legalities-arrow--left {
  left: -64px;
}

.legalities-arrow--right {
  right: -64px;
}

.legalities-arrow:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .legalities-scroll .legality-card {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .legalities-arrow--left {
    left: 8px;
  }

  .legalities-arrow--right {
    right: 8px;
  }
}

@media (max-width: 680px) {
  .legalities-scroll {
    gap: 16px;
    padding-inline: 4px;
  }

  .legalities-scroll .legality-card {
    flex: 0 0 88%;
  }

  .legalities-arrow {
  width: 54px;
  height: 54px;
  font-size: 2.7rem;
}

  .legalities-arrow--left {
    left: 8px;
  }

  .legalities-arrow--right {
    right: 8px;
  }
}

.team-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .team-grid {
    grid-template-columns: 1fr;
  }
}