/* Link-AR Editorial. Deliberately minimal: photographic reporting, real typography, restrained color. */
:root {
  --pine: #183b30;
  --forest: #234a3c;
  --moss: #69806c;
  --cream: #f6f6f2;
  --lime: #e2e8d9;
  --ink: #202b26;
  --muted: #66736a;
  --line: #dfe4dc;
  --la-font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --la-font-heading: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --la-size-body: 16px;
  --la-size-body-mobile: 15px;
  --la-size-nav: 15px;
  --la-size-nav-mobile: 16px;
  --la-size-hero: 72px;
  --la-size-hero-mobile: 44px;
  --la-size-section: 44px;
  --la-size-footer: 13px;
}
html { font-family: var(--la-font-body); }
body { font-family: var(--la-font-body); font-size: var(--la-size-body); line-height: 1.65; color: var(--ink); }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--la-font-heading); }
.la-container { width: min(1180px, calc(100% - 64px)); }
.la-header { background: #fff; border-bottom: 1px solid var(--line); }
.la-head-inner { min-height: 80px; }
.la-logo { font-weight: 750; gap: 8px; letter-spacing: -.015em; }
.la-logo-text { font-family: var(--la-font-heading); font-size: 21px; font-weight: 750; letter-spacing: -.025em; }
.la-logo-text strong { font-size: 10px; font-weight: 600; letter-spacing: .18em; }
.la-nav { gap: clamp(13px, 1.7vw, 25px); }
.la-nav a { font-size: var(--la-size-nav); font-weight: 550; color: var(--ink); }
.la-nav a:hover { color: var(--forest); text-decoration: underline; text-underline-offset: 5px; }
.la-nav .la-mobile-nav-scroll > a:last-child { border-radius: 3px; padding: 10px 13px; background: var(--pine); color: white; }
.la-nav .la-mobile-nav-scroll > a:last-child:hover { background: #274b3d; text-decoration: none; }
.la-langs { color: var(--muted); font-weight: 650; }
.la-mark { border-radius: 3px; }
.la-hero, .la-hero-slides { min-height: 690px; }
.la-hero { background: #213f33; }
.la-hero-overlay { background: linear-gradient(90deg, rgba(12,29,23,.79) 0%, rgba(12,29,23,.34) 52%, rgba(12,29,23,.08) 100%); }
.la-hero-content { padding-top: clamp(115px, 11vw, 150px); padding-bottom: 205px; }
.la-hero h1 { margin: 0 0 20px; font-family: var(--la-font-heading); font-size: clamp(38px, 5.5vw, var(--la-size-hero)); font-weight: 720; letter-spacing: -.035em; line-height: 1.11; max-width: 840px; text-wrap: balance; }
.la-hero-content > p:not(.la-eyebrow) { font-size: calc(var(--la-size-body) * 1.125); color: #f4f4ed; line-height: 1.6; max-width: 650px; margin: 0; }
.la-eyebrow { display: none; }
.la-cta { border-radius: 3px; padding: 12px 17px; background: #fff; color: var(--pine); font-weight: 650; margin-top: 20px; }
.la-cta:hover { background: #ebefe9; }
.la-cta-dark { background: var(--pine); color: #fff; }
.la-cta-dark:hover { background: #315747; }
.la-hero-controls button, .la-latest-heading button { border-radius: 2px; background: transparent; border-color: rgba(255,255,255,.55); }
.la-latest-overlay { bottom: 24px; background: rgba(15,33,27,.90); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(7px); border-radius: 2px; padding: 14px 18px; }
.la-latest-heading { font-weight: 620; font-size: 13px; letter-spacing: 0; padding-bottom: 11px; }
.la-latest-item { background: transparent; padding: 4px 10px 4px 0; border-radius: 0; border-right: 1px solid rgba(255,255,255,.20); align-items: flex-start; }
.la-latest-item:last-child { border-right: 0; }
.la-latest-item:hover { background: rgba(255,255,255,.06); }
.la-latest-thumb { background: #405147; border-radius: 1px; flex-basis: 85px; height: 74px; }
.la-latest-copy small { color: #d0d9cf; }
.la-latest-copy strong { font-size: 13px; font-weight: 630; line-height: 1.4; }
.la-section { padding: 76px 0 90px; }
.la-section-head { border-bottom: 1px solid var(--line); margin-bottom: 28px; padding-bottom: 21px; }
.la-section-head h2, .la-section-head h1 { font-size: clamp(28px, 3.4vw, var(--la-size-section)); font-family: var(--la-font-heading); font-weight: 690; letter-spacing: -.028em; line-height: 1.18; margin: 0; }
.la-kicker { display: none; }
.la-featured { background: var(--cream); }
.la-story-grid { gap: 34px 22px; }
.la-story-image { background: #e6e9e3; color: var(--muted); font-weight: 550; letter-spacing: .03em; }
.la-story-meta { color: var(--muted); margin-top: 12px; }
.la-story h3 { font-weight: 650; letter-spacing: -.012em; line-height: 1.4; }
.la-outline-btn, .la-pagination button, .la-video-controls button { border-radius: 3px; font-weight: 630; }
.la-video-card h3 { font-family: var(--la-font-heading); font-weight: 650; line-height: 1.4; }
.la-video-play { background: rgba(255,255,255,.96); color: var(--pine); width: 60px; height: 60px; box-shadow: none; border: 1px solid rgba(18,40,29,.16); }
.la-video-card p { color: var(--muted); }
.la-footer { background: #17362c; padding: 64px 0 25px; }
.la-footer .la-logo { color: #fff; }
.la-footer .la-logo-text { font-size: 23px; }
.la-footer .la-logo-text strong { font-size: 11px; }
.la-footer h2 { font-size: calc(var(--la-size-footer) + 1px); color: #fff; font-weight: 700; margin: 0 0 18px; }
.la-footer p, .la-footer nav a, .la-footer a:not(.la-logo), .la-footer-grid > div:nth-child(3) { font-size: var(--la-size-footer); }
.la-footer p { color: #d3ded5; line-height: 1.65; }
.la-foot-bottom { border-color: rgba(255,255,255,.18); }
.la-newsletter-form button { background: #f0f2eb; color: #17362c; border-radius: 3px; font-weight: 650; }
.la-newsletter-form input:not([type=checkbox]), .la-newsletter-form select { border-radius: 3px; }
.la-reading h1 { font-family: var(--la-font-heading); font-size: clamp(30px, 4.2vw, var(--la-size-section)); font-weight: 690; letter-spacing: -.025em; }
.la-content { font-size: calc(var(--la-size-body) * 1.06); }
@media (max-width: 1100px) {
  .la-nav a { font-size: var(--la-size-nav); }
}
@media (max-width: 760px) {
  .la-container { width: min(100% - 32px, 1180px); }
  body { font-size: var(--la-size-body-mobile); }
  .la-head-inner { min-height: 68px; }
  .la-nav a { font-size: var(--la-size-nav-mobile); }
  .la-hero, .la-hero-slides { min-height: 620px; }
  .la-hero-content { padding-top: 80px; }
  .la-hero h1 { font-size: var(--la-size-hero-mobile); max-width: 100%; }
  .la-hero-content > p:not(.la-eyebrow) { font-size: calc(var(--la-size-body-mobile) * 1.07); }
  .la-section { padding: 56px 0 64px; }
  .la-latest-overlay { bottom: 18px; }
  .la-latest-item { padding-right: 0; border-right: 0; }
  .la-footer p, .la-footer nav a, .la-footer a:not(.la-logo) { font-size: var(--la-size-footer); }
  .la-content { font-size: var(--la-size-body-mobile); }
}
@media (prefers-reduced-motion: reduce) {
  .la-story-image img { transform: none !important; }
}

/* v1.2.2: Scroll-progress header: no abrupt state changes, no logo scaling. */
.la-header {
  --la-header-progress: 0;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  border-bottom: 1px solid rgb(25 61 40 / calc(.12 * var(--la-header-progress)));
  background-color: rgb(255 255 255 / calc(.98 * var(--la-header-progress)));
  box-shadow: 0 7px 26px rgb(12 35 22 / calc(.10 * var(--la-header-progress)));
  -webkit-backdrop-filter: blur(calc(8px * var(--la-header-progress)));
  backdrop-filter: blur(calc(8px * var(--la-header-progress)));
  transition: background-color .28s ease-out, box-shadow .28s ease-out, border-color .28s ease-out;
}
body.home .la-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
/* Scroll interpolation for labels, including the fallback text-only logo. */
body.home .la-header .la-nav .la-mobile-nav-scroll > a:not(:last-child),
body.home .la-header .la-nav .la-nav-dropdown-main,
body.home .la-header .la-nav .la-nav-dropdown-toggle,
body.home .la-header .la-langs,
body.home .la-header .la-langs a,
body.home .la-header .la-menu-toggle,
body.home .la-header .la-logo-text {
  color: rgb(calc(255 - 223 * var(--la-header-progress)) calc(255 - 212 * var(--la-header-progress)) calc(255 - 217 * var(--la-header-progress)));
}
body.home .la-header .la-nav .la-mobile-nav-scroll > a:last-child {
  color: #fff;
  background-color: color-mix(in srgb, rgb(255 255 255 / .11) calc(100% * (1 - var(--la-header-progress))), var(--pine));
  border: 1px solid color-mix(in srgb, rgb(255 255 255 / .82) calc(100% * (1 - var(--la-header-progress))), var(--pine));
}
body.home .la-header .la-nav .la-mobile-nav-scroll > a:last-child:hover {
  background-color: color-mix(in srgb, rgb(255 255 255 / .27) calc(100% * (1 - var(--la-header-progress))), #274b3d);
}
/* Keep the logo footprint unchanged throughout scrolling. Crossfade only opacity. */
.la-header .la-header-logo {
  position: relative;
  flex-shrink: 0;
  min-height: 56px;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  transform: none !important;
}
.la-header .la-logo-state-default,
.la-header .la-logo-state-overlay {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  transition: opacity .30s ease-out;
}
.la-header .la-logo-state-overlay {
  position: absolute;
  inset: 0 auto 0 0;
  pointer-events: none;
  opacity: 0;
}
.la-header .la-logo-state-overlay img {
  max-width: var(--la-logo-width,145px);
  max-height: 56px;
  width: auto;
  height: auto;
}
body.home .la-header .la-header-logo.has-overlay-logo .la-logo-state-default {
  opacity: var(--la-header-progress);
}
body.home .la-header .la-header-logo.has-overlay-logo .la-logo-state-overlay {
  opacity: calc((1 - var(--la-header-progress)) * var(--la-logo-top-opacity,.94));
}
body.home .la-header .la-header-logo:not(.has-overlay-logo) .la-logo-state-default {
  opacity: calc(var(--la-logo-top-opacity,.94) + (1 - var(--la-logo-top-opacity,.94)) * var(--la-header-progress));
}
.la-logo-image {
  display: block;
  width: auto;
  max-width: var(--la-logo-width,145px);
  max-height: 56px;
  height: auto;
  object-fit: contain;
}
.la-logo-image.la-site-icon {width:44px;height:44px;max-width:44px;}
.la-latest-overlay {background: rgb(var(--la-latest-rgb,15 33 27) / var(--la-latest-alpha,.90));}
.la-latest-heading {justify-content:flex-end; padding-bottom:8px;}
.la-latest-heading > div {display:flex; gap:8px;}
.la-nav a, .la-langs a, .la-story, .la-video-card, .la-newsletter-form button,
.la-cta, .la-outline-btn, .la-footer a, .la-latest-item, .la-video-controls button,
.la-latest-heading button, .la-hero-controls button {
  transition: color .22s ease, background-color .26s ease, border-color .26s ease,
              box-shadow .28s ease, opacity .25s ease, transform .28s ease;
}
.la-latest-item:hover {transform:translateY(-2px);background:rgba(255,255,255,.10)}
.la-hero-controls button:hover,.la-latest-heading button:hover {background:rgba(255,255,255,.20);transform:translateY(-2px)}
.la-story:hover h3 {color:#265844}
.la-cta:hover,.la-outline-btn:hover,.la-newsletter-form button:hover {transform:translateY(-2px)}
.la-header a:focus-visible,.la-footer a:focus-visible,.la-latest-item:focus-visible {outline:2px solid #c6e79a;outline-offset:4px}
.la-footer {background:var(--la-footer-bg,#17362c);color:var(--la-footer-fg,#e5eee7)}
.la-footer-grid {grid-template-columns:repeat(var(--la-footer-cols,4),minmax(0,1fr));}
.la-footer-block {min-width:0;overflow-wrap:anywhere;}
.la-footer-block-brand {grid-column:auto;}
.la-footer .la-logo {display:inline-flex;max-width:100%;}
.la-footer .la-logo-image {max-width:var(--la-logo-width,145px); max-height:90px;}
.la-footer p,.la-footer h2,.la-footer nav a,.la-footer a:not(.la-logo),.la-foot-bottom {color:var(--la-footer-fg,#e5eee7)}
.la-footer a:hover {opacity:.78}
.la-footer .la-footer-block-contact > a {display:block;margin:8px 0;overflow-wrap:anywhere}
.la-footer-block-custom p {white-space:normal;}
@media (max-width: 1100px) {
  .la-footer-grid {grid-template-columns:repeat(min(2,var(--la-footer-cols,4)),minmax(0,1fr));}
}
@media (max-width:760px) {
  body.home .la-header .la-nav {background:#fff;}
  body.home .la-header .la-nav .la-mobile-nav-scroll > a:not(:last-child),
body.home .la-header .la-nav .la-nav-dropdown-main,
body.home .la-header .la-nav .la-nav-dropdown-toggle,
  body.home .la-header .la-nav .la-mobile-nav-scroll > a:last-child {color:#20392b;}
  body.home .la-header .la-nav .la-mobile-nav-scroll > a:last-child {background:#edf2ed;border-color:transparent;}
  .la-footer-grid {grid-template-columns:repeat(min(2,var(--la-footer-cols,4)),minmax(0,1fr));}
}
@media (max-width:530px) { .la-footer-grid {grid-template-columns:1fr;} }
@media (prefers-reduced-motion: reduce) {
  .la-header,.la-header .la-logo,.la-header .la-logo-state-default,.la-header .la-logo-state-overlay,.la-nav a,.la-langs a,.la-story,.la-video-card,
  .la-newsletter-form button,.la-cta,.la-outline-btn,.la-footer a,.la-latest-item,
  .la-video-controls button,.la-latest-heading button,.la-hero-controls button {transition:none!important;transform:none!important}
}
@media (min-width: 783px) { body.admin-bar .la-header {top:32px;} }
@media (max-width:782px) { body.admin-bar .la-header {top:46px;} }

/* Article layout comes from Beranda > Artikel Pilihan, including mobile breakpoint. */
@media (max-width: 760px) {
  .la-story-grid { grid-template-columns: repeat(var(--la-mobile-columns, 1), minmax(0, 1fr)); }
}

/* v1.2.5: Edge-proximity controls. Each side only reveals its own icon. */
.la-hero-controls {
  position: absolute;
  z-index: 7;
  top: 14%;
  right: 0;
  bottom: 32%;
  left: 0;
  display: block;
  pointer-events: none;
}
.la-hero-controls .la-hero-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(90px, 15vw, 210px);
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #fff;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: none;
  -webkit-tap-highlight-color: transparent;
}
.la-hero-controls .la-hero-arrow-prev {
  left: 0;
  justify-content: flex-start;
  padding-left: clamp(14px, 3vw, 48px);
}
.la-hero-controls .la-hero-arrow-next {
  right: 0;
  justify-content: flex-end;
  padding-right: clamp(14px, 3vw, 48px);
}
.la-hero-controls .la-hero-arrow > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 44px;
  flex-shrink: 0;
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity .48s cubic-bezier(.16,1,.3,1), transform .52s cubic-bezier(.16,1,.3,1);
}
.la-hero-controls .la-hero-arrow-next > span {transform: translateX(10px);}
.la-hero-controls .la-hero-arrow svg {
  display: block;
  width: 34px;
  height: 34px;
  overflow: visible;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.5));
}
/* Hover and keyboard focus reveal only the intended arrow. */
.la-hero-controls .la-hero-arrow:hover,
.la-hero-controls .la-hero-arrow:focus-visible {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  transform: none;
  opacity: 1;
}
.la-hero-controls .la-hero-arrow:hover > span,
.la-hero-controls .la-hero-arrow:focus-visible > span {
  opacity: 1;
  transform: translateX(0);
}
.la-hero-controls .la-hero-arrow:focus-visible {outline: none;}
.la-hero-controls .la-hero-arrow:focus-visible > span {
  outline: 2px solid #d5eca3;
  outline-offset: 3px;
  border-radius: 50%;
}

/* The article rail stays above the dots while its CMS-configured opacity remains unchanged. */
.la-hero.la-hero-has-dots .la-latest-overlay {bottom: 57px;}
.la-hero-dots {
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-height: 38px;
}
.la-hero-dot {
  display: inline-grid;
  place-items: center;
  padding: 10px 8px;
  min-width: 29px;
  min-height: 38px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.la-hero-dot-indicator {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.38);
  border: 1px solid rgba(255,255,255,.68);
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  transition: background-color .24s ease, transform .24s ease, width .24s ease;
}
.la-hero-dot[aria-pressed="true"] .la-hero-dot-indicator {
  background: white;
  width: 19px;
  border-radius: 6px;
}
.la-hero-dot:hover .la-hero-dot-indicator,
.la-hero-dot:focus-visible .la-hero-dot-indicator {background: #fff;transform: scale(1.12);}
/* Touch screens never require hover to reach the next campaign. */
@media (hover: none), (pointer: coarse) {
  .la-hero-controls .la-hero-arrow {
    top: 50%;
    bottom: auto;
    width: 62px;
    height: 70px;
    transform: translateY(-50%);
  }
  .la-hero-controls .la-hero-arrow:hover,
  .la-hero-controls .la-hero-arrow:focus-visible {transform: translateY(-50%);}
  .la-hero-controls .la-hero-arrow > span {opacity: .92; transform: none;}
}
@media (max-width: 760px) {
  .la-hero-controls {top: 14%;bottom: 35%;}
  .la-hero-controls .la-hero-arrow {
    top: 50%;
    bottom: auto;
    width: 58px;
    height: 68px;
    transform: translateY(-50%);
  }
  .la-hero-controls .la-hero-arrow:hover,
  .la-hero-controls .la-hero-arrow:focus-visible {transform: translateY(-50%);}
  .la-hero-controls .la-hero-arrow > span {opacity: .92; transform: none;}
  .la-hero-controls .la-hero-arrow-prev {padding-left: 8px;}
  .la-hero-controls .la-hero-arrow-next {padding-right: 8px;}
  .la-nav a {font-size: var(--la-size-nav-mobile);}
  .la-hero.la-hero-has-dots .la-latest-overlay {bottom: 53px;}
  .la-hero-dots {bottom: 7px;}
}
@media (prefers-reduced-motion: reduce) {
  .la-hero-controls .la-hero-arrow > span,
  .la-hero-dot-indicator {transition: none !important;}
}

/* Footer Builder v1.3: fluid columns and unified typographic controls. */
.la-footer { padding-top:var(--la-footer-pad-top,64px); padding-bottom:var(--la-footer-pad-bottom,24px); }
.la-footer .la-footer-grid { display:grid;grid-template-columns:repeat(var(--la-footer-cols,4),minmax(0,1fr)); gap:var(--la-footer-gap,32px);align-items:start; }
.la-footer .la-footer-block { grid-column:span var(--la-footer-span-desktop,1);min-width:0; }
.la-footer .la-footer-block h2 {font-size:var(--la-footer-heading-size,14px);line-height:1.35;}
.la-footer .la-footer-block p,.la-footer .la-footer-block nav a,.la-footer .la-footer-block > a:not(.la-logo),
.la-footer .la-socials a,.la-footer .la-newsletter-form label {font-size:var(--la-footer-body-size,13px);}
.la-footer .la-footer-block .la-logo-image{width:auto;height:auto;max-width:var(--la-logo-width,150px);max-height:110px;}
.la-footer .la-newsletter-description{opacity:.85;margin:0 0 16px;}
.la-footer .la-newsletter-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;align-items:end;}
.la-footer .la-newsletter-compact > label:first-of-type{grid-column:1;}
.la-footer .la-newsletter-compact > button{grid-column:2;min-height:44px;padding:11px 14px;white-space:nowrap;}
.la-footer .la-newsletter-compact > .la-consent,.la-footer .la-newsletter-compact > .la-news-notice {grid-column:1/-1;}
.la-footer .la-newsletter-form .la-consent {font-size:11px;}
@media (min-width:761px) and (max-width:1100px){
  .la-footer .la-footer-grid {grid-template-columns:repeat(var(--la-footer-tablet-cols,2),minmax(0,1fr));}
  .la-footer .la-footer-block {grid-column:span var(--la-footer-span-tablet,1);}
}
@media (max-width:760px){
  .la-footer .la-footer-grid {grid-template-columns:repeat(var(--la-footer-mobile-cols,1),minmax(0,1fr));gap:var(--la-footer-mobile-gap,26px);}
  .la-footer .la-footer-block {grid-column:span var(--la-footer-span-mobile,1);}
  .la-footer .la-footer-hide-mobile {display:none!important;}
}
@media (max-width:430px){
  .la-footer .la-newsletter-compact {grid-template-columns:minmax(0,1fr);}
  .la-footer .la-newsletter-compact > label:first-of-type,.la-footer .la-newsletter-compact > button {grid-column:1;}
}


/* v1.3.3 Mobile: respect CMS controls while removing horizontal clipping and excess spacing. */
@media (max-width: 760px) {
  html, body { max-width:100%; overflow-x:clip; }
  .la-container { width:calc(100% - 32px); max-width:1180px; }
  .la-header .la-head-inner { min-height:70px; gap:12px; }
  .la-header .la-header-logo {min-width:0;min-height:48px;}
  .la-header .la-logo-state-default,
  .la-header .la-logo-state-overlay {min-height:48px;}
  .la-header .la-logo-state-default .la-logo-image,
  .la-header .la-logo-state-overlay .la-logo-image {max-height:46px;}
  .la-header .la-logo-text {font-size:clamp(15px,4.4vw,19px);letter-spacing:-.025em;}
  .la-header .la-logo-text strong {font-size:9px;}
  .la-header .la-logo {gap:7px;}
  .la-header .la-langs {white-space:nowrap;}
  .la-header .la-menu-toggle {font-size:28px;line-height:1;min-width:40px;min-height:44px;padding:0;}
  .la-header .la-nav {top:70px;}
  .la-hero, .la-hero-slides {min-height:max(690px, min(750px, 92svh));}
  .la-hero-content {padding-top:clamp(132px,20svh,170px);padding-bottom:220px;}
  .la-hero h1 {
    font-size:clamp(29px, 8.8vw, var(--la-size-hero-mobile));
    line-height:1.12;letter-spacing:-.035em;
    overflow-wrap:anywhere;word-break:normal;
    max-width:100%;text-wrap:pretty;
  }
  .la-hero-content > p:not(.la-eyebrow) {font-size:var(--la-size-body-mobile);line-height:1.45;max-width:100%;overflow-wrap:anywhere;}
  .la-hero-controls {top:24%;bottom:36%;}
  .la-hero-controls .la-hero-arrow {width:52px;min-height:50px;}
  .la-hero-controls .la-hero-arrow > span {width:38px;height:50px;}
  .la-hero-controls .la-hero-arrow svg {width:30px;height:30px;}
  .la-latest-overlay,
  .la-hero.la-hero-has-dots .la-latest-overlay {
    width:calc(100% - 32px);max-width:calc(100% - 32px);
    bottom:53px;padding:12px 12px 14px;
    overflow:hidden;
  }
  .la-latest-heading {padding:0 0 6px;min-height:29px;}
  .la-latest-heading button {background:transparent;border:0;border-radius:0;width:38px;height:32px;}
  .la-latest-track {
    width:100%;max-width:100%;min-width:0;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
  }
  .la-latest-item {
    box-sizing:border-box;
    flex:0 0 100%;width:100%;max-width:100%;min-width:0;
    scroll-snap-align:start;scroll-snap-stop:always;
    gap:12px;padding:4px 0;border:0;
    overflow:hidden;
  }
  .la-latest-thumb {flex:0 0 76px;width:76px;height:70px;}
  .la-latest-copy {flex:1 1 0;min-width:0;max-width:100%;overflow:hidden;}
  .la-latest-copy strong {font-size:clamp(12px,3.7vw,14px);-webkit-line-clamp:3;overflow-wrap:anywhere;}
  .la-latest-copy small {font-size:11px;}
  .la-section {padding:44px 0 56px;}
  .la-section-head {margin-bottom:22px;padding-bottom:14px;}
  .la-section-head h2,.la-section-head h1 {font-size:clamp(26px,7.2vw,38px);line-height:1.2;}
  .la-story-grid {gap:27px 16px;}
  .la-story-cell {min-width:0;}
  .la-story-image {aspect-ratio:1.55;}
  .la-story-meta {margin-top:10px;}
  .la-story h3 {font-size:clamp(17px,4.6vw,20px);line-height:1.35;overflow-wrap:anywhere;}
  .la-footer {padding-top:min(var(--la-footer-pad-top,64px),48px);}
  .la-footer .la-footer-grid {gap:var(--la-footer-mobile-gap,26px);}
  .la-footer .la-footer-block {min-width:0;}
  .la-footer .la-footer-block h2 {margin:0 0 12px;}
  .la-footer .la-footer-block p {margin:0 0 10px;line-height:1.6;}
  .la-footer .la-footer-block-brand .la-logo-image {
    max-width:min(100%, var(--la-logo-width,150px));
    max-height:82px;width:auto;height:auto;
  }
  .la-footer .la-footer-block-brand .la-logo {gap:10px;margin-bottom:14px;}
  .la-footer .la-footer-block-brand .la-logo-text {font-size:20px;}
  .la-footer .la-footer-block-brand .la-logo-text strong {font-size:9px;}
  .la-footer .la-footer-block nav {gap:7px;}
  .la-footer .la-footer-block nav a {line-height:1.5;}
  .la-footer .la-newsletter-form {gap:12px;}
  /* The required-star must sit beside its label, not occupy a grid row. */
  .la-footer .la-newsletter-form label:not(.la-consent) {display:block;line-height:1.45;}
  .la-footer .la-newsletter-form label:not(.la-consent) > span[aria-hidden] {display:inline;}
  .la-footer .la-newsletter-form input:not([type=checkbox]),
  .la-footer .la-newsletter-form select {display:block;width:100%;min-width:0;margin-top:7px;min-height:44px;}
  .la-footer .la-newsletter-form .la-consent {display:flex;gap:10px;line-height:1.5;}
  .la-footer .la-newsletter-form .la-consent input {flex:0 0 auto;width:17px;height:17px;margin:2px 0 0;}
  .la-footer .la-newsletter-form button {min-height:46px;padding:12px 15px;}
  .la-footer .la-foot-bottom {margin-top:34px;padding-top:16px;}
}
@media (max-width: 380px) {
  .la-header .la-logo-state-default .la-logo-image,
  .la-header .la-logo-state-overlay .la-logo-image {max-height:42px;}
  .la-header .la-head-inner {gap:8px;}
  .la-header .la-langs {font-size:11px;}
  .la-latest-thumb {flex-basis:67px;width:67px;}
}
@media (prefers-reduced-motion:reduce) {
  .la-latest-track {scroll-behavior:auto;}
}


/* v1.3.5 - Compact mobile campaign; latest posts immediately follow image.
   This is intentionally the LAST responsive block in the last enqueued CSS file,
   overriding previous 690px minimums and the old absolute article positioning. */
@media (max-width:760px) {
  body.home .la-hero {
    --la-mobile-hero-height: clamp(252px, calc(60px + 56.25vw), 480px);
    --la-mobile-photo-start: 76px;
    display:flex;
    flex-direction:column;
    min-height:0;
    height:auto;
    padding:0;
    background:#173b2e;
  }
  body.home .la-hero .la-hero-slides {
    position:relative;
    flex:none;
    width:100%;
    height:var(--la-mobile-hero-height);
    min-height:0;
    overflow:hidden;
  }
  body.home .la-hero .la-hero-slide {
    position:absolute;
    inset:0;
    overflow:hidden;
  }
  body.home .la-hero .la-hero-bg {
    position:absolute;
    top:var(--la-mobile-photo-start);
    left:16px;
    right:16px;
    bottom:0;
    width:calc(100% - 32px);
    height:calc(100% - var(--la-mobile-photo-start));
    max-width:none;
    object-fit:contain;
    object-position:center;
    background-color:#173b2e;
    border-radius:0;
  }
  body.home .la-hero .la-hero-overlay {
    position:absolute;
    top:var(--la-mobile-photo-start);
    left:16px;
    right:16px;
    bottom:0;
    width:auto;
    height:auto;
    border-radius:0;
    background:linear-gradient(0deg,rgba(9,30,21,.72) 0%,rgba(9,30,21,.25) 48%,rgba(9,30,21,.05) 100%);
    pointer-events:none;
  }
  body.home .la-hero .la-hero-content {
    position:absolute;
    z-index:2;
    top:auto;
    bottom:12px;
    left:0;
    right:0;
    width:auto;
    max-width:none;
    margin:0;
    padding:0 44px;
    pointer-events:none;
  }
  body.home .la-hero .la-hero-content h1 {
    font-size:clamp(18px,calc(var(--la-size-hero-mobile,44px) - 22px),36px);
    line-height:1.15;
    letter-spacing:-.025em;
    font-weight:720;
    margin:0;
    max-width:100%;
    text-wrap:balance;
    overflow-wrap:anywhere;
    text-shadow:0 1px 9px rgba(0,0,0,.33);
  }
  body.home .la-hero .la-hero-content > p:not(.la-eyebrow) {
    margin:6px 0 0;
    font-size:12px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.home .la-hero .la-hero-content .la-cta {
    font-size:12px;
    padding:7px 9px;
    margin-top:8px;
    pointer-events:auto;
  }
  body.home .la-hero .la-hero-controls {
    position:absolute;
    z-index:7;
    top:var(--la-mobile-photo-start);
    bottom:auto;
    left:16px;
    right:16px;
    height:calc(var(--la-mobile-hero-height) - var(--la-mobile-photo-start));
    width:auto;
    display:block;
    pointer-events:none;
  }
  body.home .la-hero .la-hero-controls .la-hero-arrow {
    top:50%;
    bottom:auto;
    width:44px;
    height:58px;
    transform:translateY(-50%);
    background:transparent;
    border:0;
    pointer-events:auto;
  }
  body.home .la-hero .la-hero-controls .la-hero-arrow > span {opacity:.92;transform:none;}
  body.home .la-hero .la-hero-controls .la-hero-arrow svg {width:27px;height:27px;}
  body.home .la-hero .la-latest-overlay,
  body.home .la-hero.la-hero-has-dots .la-latest-overlay {
    position:relative;
    z-index:2;
    order:2;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    transform:none;
    flex:none;
    margin:0;
    padding:12px 16px 14px;
    width:100%;
    max-width:100%;
    overflow:hidden;
    border:0;
    border-top:1px solid rgba(255,255,255,.16);
    border-radius:0;
    background:rgb(var(--la-latest-rgb,15 33 27) / var(--la-latest-alpha,.90));
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  body.home .la-hero .la-latest-heading {min-height:26px;padding:0 0 5px;}
  body.home .la-hero .la-latest-track {gap:12px;}
  body.home .la-hero .la-latest-item {
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    border:0;
    border-right:1px solid rgba(255,255,255,.32);
    padding:5px 12px 5px 0;
    margin:0;
    background:transparent;
    border-radius:0;
    scroll-snap-align:start;
    transform:none;
  }
  body.home .la-hero .la-hero-dots {
    position:relative;
    order:3;
    z-index:2;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    transform:none;
    width:100%;
    min-height:32px;
    padding:0 0 5px;
    background:#173b2e;
  }
  body.home .la-story-grid .la-story-cell {
    border-bottom:1px solid var(--line);
    padding-bottom:20px;
  }
  body.home .la-story-grid .la-story-cell:last-child {border-bottom:0;padding-bottom:0;}
}
@media (max-width:380px) {
  body.home .la-hero .la-hero-content h1 {font-size:clamp(18px,calc(var(--la-size-hero-mobile,44px) - 24px),32px);}
  body.home .la-hero .la-hero-content {padding:0 40px;}
}

/* v1.5.3 — Fully transparent publications dropdown follows header ink on hero.
   White over campaign photos, dark after scroll; shadow improves photo contrast. */
body.home .la-header .la-nav .la-nav-submenu a.la-nav-submenu-link {
  color:rgb(calc(255 - 223 * var(--la-header-progress)) calc(255 - 212 * var(--la-header-progress)) calc(255 - 217 * var(--la-header-progress)));
  text-shadow:0 1px 7px rgb(0 0 0 / calc(.72 * (1 - var(--la-header-progress))));
}
body.home .la-header .la-nav .la-nav-submenu a.la-nav-submenu-link:is(:hover,:focus-visible) {
  background:transparent;
}

@media(max-width:760px) {
  body.home .la-header .la-nav .la-nav-dropdown-main,
  body.home .la-header .la-nav .la-nav-dropdown-toggle {color:#20392b;}
  body.home .la-header .la-nav .la-nav-dropdown-toggle {background:#f2f6ef;}
  /* Mobile navigation is white: keep transparent submenu links dark. */
  body.home .la-header .la-nav .la-nav-submenu a.la-nav-submenu-link {
    color:#20392b;text-shadow:none;
  }
}

/* v1.5.4 — Navbar appearance managed from /cms/ > Beranda > Navbar.
   The top homepage header can be tinted without changing its white scrolled state. */
body.home .la-header {isolation:isolate;}
body.home .la-header::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgb(var(--la-navbar-rgb,21 59 45) / var(--la-navbar-alpha,0));
  opacity:calc(1 - var(--la-header-progress,0));
}
body.home .la-header .la-nav .la-mobile-nav-scroll > a:not(:last-child),
body.home .la-header .la-nav .la-nav-dropdown-main,
body.home .la-header .la-nav .la-nav-dropdown-toggle,
body.home .la-header .la-langs,
body.home .la-header .la-langs a,
body.home .la-header .la-menu-toggle,
body.home .la-header .la-logo-text {
  color:color-mix(in srgb,var(--la-navbar-ink,#fff) calc(100% * (1 - var(--la-header-progress,0))),#20392b);
}
.la-header .la-nav-submenu,
body.home .la-header .la-nav-submenu {
  background:rgb(var(--la-dropdown-rgb,21 59 45) / var(--la-dropdown-alpha,.65));
  border:1px solid rgba(255,255,255,.16);border-radius:12px;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.la-header .la-nav .la-nav-submenu a.la-nav-submenu-link,
body.home .la-header .la-nav .la-nav-submenu a.la-nav-submenu-link,
body.home .la-header .la-nav .la-nav-submenu a.la-nav-submenu-link:is(:hover,:focus-visible) {
  color:var(--la-dropdown-ink,#fff);
  text-shadow:none;
}
.la-header .la-nav .la-nav-submenu a.la-nav-submenu-link:is(:hover,:focus-visible),
body.home .la-header .la-nav .la-nav-submenu a.la-nav-submenu-link:is(:hover,:focus-visible) {
  background:rgba(255,255,255,.13);text-decoration:none;transform:none;
}
@media(max-width:760px) {
  /* White mobile navigation keeps contrast, independent of homepage tint. */
  body.home .la-header .la-nav .la-nav-dropdown-main,
  body.home .la-header .la-nav .la-nav-dropdown-toggle {color:#20392b;}
  .la-header .la-nav-submenu,
  body.home .la-header .la-nav-submenu {padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:10px;}
}

/* v1.6.2 — Compact navigation and centered, expanding hover underline.
   The Publications top-level link stays clickable; hover/focus opens its submenu. */
@media (min-width:761px) and (hover:hover) {
  .la-header #la-primary-nav .la-nav-dropdown-toggle { display:none; }
  .la-header #la-primary-nav .la-nav-dropdown { gap:0; }
  .la-header #la-primary-nav .la-nav-dropdown-main {padding-right:0;}
}
/* Keyboard and touch users without hover still need an explicit submenu control. */
@media (min-width:761px) and (hover:none) {
  .la-header #la-primary-nav .la-nav-dropdown-toggle {
    display:inline-flex;justify-content:center;align-items:center;
    padding:5px 8px;min-width:0;flex-basis:auto;height:34px;
    margin-left:3px;font-size:11px;line-height:1.3;font-weight:650;
    white-space:nowrap;
  }
}
@media (max-width:760px) {
  .la-header #la-primary-nav .la-nav-dropdown-toggle {
    display:inline-flex;justify-content:center;align-items:center;
    width:auto;min-width:77px;height:44px;padding:0 12px;
    font-size:12px;font-weight:700;white-space:nowrap;
  }
  .la-header #la-primary-nav .la-nav-dropdown {
    grid-template-columns:minmax(0,1fr) auto;
  }
}
@media (min-width:761px) {
  #la-primary-nav .la-mobile-nav-scroll > a,
  #la-primary-nav .la-nav-dropdown-main {
    position:relative;
    text-decoration:none!important;
  }
  #la-primary-nav .la-mobile-nav-scroll > a::after,
  #la-primary-nav .la-nav-dropdown-main::after {
    content:"";position:absolute;left:0;right:0;bottom:2px;
    height:2px;background:currentColor;border-radius:2px;
    transform:scaleX(0);transform-origin:50% 50%;
    transition:transform .25s ease-out;
    pointer-events:none;
  }
  /* Ordinary links have no 9px vertical padding, unlike the Publications dropdown link.
     Offset only their animated underline so the visual gap aligns across menu items. */
  #la-primary-nav .la-mobile-nav-scroll > a:not(:last-child)::after {
    bottom:-7px;
  }
  #la-primary-nav .la-mobile-nav-scroll > a:is(:hover,:focus-visible)::after,
  #la-primary-nav .la-nav-dropdown-main:is(:hover,:focus-visible)::after,
  #la-primary-nav .la-nav-dropdown:hover:not(.is-dismissed) > .la-nav-dropdown-main::after,
  #la-primary-nav .la-nav-dropdown.is-open > .la-nav-dropdown-main::after {
    transform:scaleX(1);
  }
}
@media (prefers-reduced-motion:reduce) {
  #la-primary-nav .la-mobile-nav-scroll > a::after,
  #la-primary-nav .la-nav-dropdown-main::after {
    transition:none;
  }
}

/* v1.6.6 — Full-bleed, tall campaign photography, preserving titles and latest-news rail.
   Overrides the legacy mobile 16px gutters + object-fit:contain rule. */
@media (min-width:761px) {
  body.home .la-hero .la-hero-bg {inset:0;width:100%;height:100%;max-width:none;object-fit:cover;}
}
@media (max-width:760px) {
  body.home .la-hero {
    --la-mobile-photo-start:0px;
    --la-mobile-hero-height:clamp(610px,100svh,960px);
  }
  body.home .la-hero .la-hero-slides {
    height:var(--la-mobile-hero-height);
  }
  body.home .la-hero .la-hero-bg {
    inset:0;width:100%;height:100%;max-width:none;
    object-fit:cover;object-position:center center;
    background-color:#173b2e;border-radius:0;
  }
  body.home .la-hero .la-hero-overlay {
    inset:0;width:100%;height:100%;
    background:linear-gradient(0deg,rgba(7,28,20,.80) 0%,rgba(7,28,20,.25) 48%,rgba(7,28,20,.22) 100%);
    border-radius:0;
  }
  body.home .la-hero .la-hero-content {
    bottom:clamp(86px,15svh,155px);
    padding-inline:clamp(24px,7vw,50px);
  }
  body.home .la-hero .la-hero-content h1 {
    font-size:clamp(30px,8.3vw,var(--la-size-hero-mobile,44px));
    line-height:1.13;
  }
  body.home .la-hero .la-hero-controls {
    top:0;bottom:auto;left:0;right:0;
    height:var(--la-mobile-hero-height);
  }
  body.home .la-hero .la-hero-controls .la-hero-arrow-prev{padding-left:12px;}
  body.home .la-hero .la-hero-controls .la-hero-arrow-next{padding-right:12px;}
  /* News remains a separate section below the hero image; slide dots remain below news. */
}
@media (max-width:380px) {
  body.home .la-hero .la-hero-content h1 {font-size:clamp(27px,8.3vw,var(--la-size-hero-mobile,44px));}
  body.home .la-hero .la-hero-content {padding-inline:34px;}
}

/* v1.6.7 — On phones, keep the Latest News rail INSIDE the campaign photograph.
   Earlier mobile CSS made news and dots flex items underneath the slide, which
   extended the hero and visually separated them from the image. This final
   override restores the same on-image layering used on desktop. */
@media (max-width:760px) {
  body.home .la-hero {
    --la-mobile-hero-height:clamp(590px,92svh,840px);
  }
  body.home .la-hero .la-hero-slides {
    height:var(--la-mobile-hero-height);
  }
  /* Reserve a separate vertical zone above the news rail for slide copy. */
  body.home .la-hero .la-hero-content {
    bottom:clamp(220px,29svh,265px);
  }
  /* The story panel overlays the full-bleed photo, not a second green row. */
  body.home .la-hero .la-latest-overlay,
  body.home .la-hero.la-hero-has-dots .la-latest-overlay {
    position:absolute;
    z-index:6;
    top:auto;
    bottom:44px;
    left:14px;
    right:14px;
    order:unset;
    width:calc(100% - 28px);
    max-width:calc(100% - 28px);
    margin:0;
    padding:9px 12px 12px;
    transform:none;
    border:1px solid rgba(255,255,255,.23);
    border-radius:10px;
    background:rgb(var(--la-latest-rgb,15 33 27) / var(--la-latest-alpha,.90));
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
  }
  body.home .la-hero:not(.la-hero-has-dots) .la-latest-overlay {
    bottom:16px;
  }
  /* Slide pagination also sits ON the photo, below the news panel. */
  body.home .la-hero .la-hero-dots {
    position:absolute;
    z-index:8;
    top:auto;
    left:50%;
    right:auto;
    bottom:5px;
    order:unset;
    width:auto;
    min-height:32px;
    padding:0;
    margin:0;
    transform:translateX(-50%);
    background:transparent;
  }
  /* Arrows remain visible on touch, without sitting on top of the news card. */
  body.home .la-hero .la-hero-controls {
    height:calc(var(--la-mobile-hero-height) - 160px);
  }
}
@media (max-width:380px) {
  body.home .la-hero .la-latest-overlay,
  body.home .la-hero.la-hero-has-dots .la-latest-overlay {
    left:10px;
    right:10px;
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
    padding-inline:10px;
  }
}


/* v1.6.8 — Shorter mobile hero: full photo, with campaign text and latest
   news already visible in the first phone viewport. Desktop is unchanged. */
@media (max-width:760px) {
  body.home .la-hero {--la-mobile-hero-height:clamp(480px,calc(100svh - 96px),680px);}
  body.home .la-hero .la-hero-slides {height:var(--la-mobile-hero-height);}
  body.home .la-hero .la-hero-content {
    bottom:clamp(190px,27svh,222px);
    padding-inline:clamp(23px,6vw,34px);
  }
  body.home .la-hero .la-hero-content h1 {
    font-size:clamp(27px,7.6vw,var(--la-size-hero-mobile,44px));
    line-height:1.13;
  }
  body.home .la-hero .la-latest-overlay,
  body.home .la-hero.la-hero-has-dots .la-latest-overlay {
    bottom:37px;
    padding-block:7px 9px;
  }
  body.home .la-hero:not(.la-hero-has-dots) .la-latest-overlay {bottom:11px;}
  body.home .la-hero .la-hero-controls {height:calc(var(--la-mobile-hero-height) - 125px);}
}
@media (max-width:380px) {
  body.home .la-hero .la-hero-content {padding-inline:24px;}
  body.home .la-hero .la-hero-content h1 {font-size:clamp(25px,7.8vw,32px);}
}

/* v1.6.8 — Right sliding, compact mobile menu with social links pinned
   to the bottom of the drawer. Header and desktop dropdown stay unchanged. */
.la-mobile-nav-header,.la-mobile-nav-socials,.la-mobile-nav-backdrop {display:none;}
/* Appended links in the navigation mean Kontak is no longer :last-child. */
@media (min-width:761px) {
  .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact {
    border-radius:3px;padding:10px 13px;background:var(--pine);color:#fff;
  }
  .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact:hover {background:#274b3d;text-decoration:none;}
  /* Keep the original translucent campaign-header CTA on desktop. */
  body.home .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact {
    color:#fff;
    background-color:color-mix(in srgb,rgb(255 255 255 / .11) calc(100% * (1 - var(--la-header-progress))),var(--pine));
    border:1px solid color-mix(in srgb,rgb(255 255 255 / .82) calc(100% * (1 - var(--la-header-progress))),var(--pine));
  }
  body.home .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact:hover {
    background-color:color-mix(in srgb,rgb(255 255 255 / .27) calc(100% * (1 - var(--la-header-progress))),#274b3d);
  }
}
@media (max-width:760px) {
  .la-header .la-mobile-nav-backdrop {
    display:block;position:absolute;inset:0 auto auto 0;
    height:100dvh;width:100vw;z-index:20;
    padding:0;margin:0;border:0;border-radius:0;
    background:rgba(4,24,16,.55);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .28s ease,visibility .28s;
  }
  body.la-mobile-nav-open .la-header .la-mobile-nav-backdrop {
    opacity:1;visibility:visible;pointer-events:auto;
  }
  .la-header #la-primary-nav,
  body.home .la-header #la-primary-nav {
    display:flex;position:absolute;z-index:21;
    top:0;left:auto;right:0;
    width:min(84vw,360px);max-width:360px;
    height:100dvh;max-height:100dvh;
    min-width:0;margin:0;
    padding:18px 20px max(20px,env(safe-area-inset-bottom));
    overflow-y:auto;overscroll-behavior:contain;
    flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:3px;
    background:#fff;color:#1a3c2d;
    box-shadow:-16px 0 48px rgba(4,24,16,.18);
    transform:translateX(103%);
    opacity:1;visibility:hidden;pointer-events:none;
    transition:transform .30s cubic-bezier(.2,.72,.22,1),visibility .30s;
    -webkit-overflow-scrolling:touch;
  }
  .la-header #la-primary-nav.is-open,
  body.home .la-header #la-primary-nav.is-open {
    transform:translateX(0);visibility:visible;pointer-events:auto;
  }
  .la-header #la-primary-nav .la-mobile-nav-header {
    display:flex;align-items:center;justify-content:space-between;
    margin:0 0 13px;padding:2px 0 16px;
    border-bottom:1px solid #e1e9e2;
    font-size:18px;font-weight:750;color:#153b2d;
  }
  .la-header #la-primary-nav .la-mobile-nav-close {
    display:grid;place-items:center;
    width:42px;height:42px;border:1px solid #e2e9e2;
    background:#f2f6f2;color:#153b2d;border-radius:50%;
    font-size:28px;line-height:1;
  }
  .la-header #la-primary-nav .la-mobile-nav-scroll > a:not(.la-mobile-nav-social-link),
  body.home .la-header #la-primary-nav .la-mobile-nav-scroll > a:not(.la-mobile-nav-social-link) {
    color:#20392b;font-size:clamp(15px,4.1vw,17px);
    font-weight:650;padding:13px 10px;
    line-height:1.35;border-radius:7px;
    white-space:normal;
  }
  .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact,
  body.home .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact {
    background:#eaf0e9;color:#173f30;border:0;
    padding:13px 12px;margin-top:9px;border-radius:8px;
  }
  .la-header #la-primary-nav .la-nav-dropdown {
    align-self:stretch;grid-template-columns:minmax(0,1fr) auto;
  }
  .la-header #la-primary-nav .la-nav-dropdown-main {
    font-size:clamp(15px,4.1vw,17px);font-weight:650;
    min-height:45px;padding:10px;
  }
  .la-header #la-primary-nav .la-nav-dropdown-toggle {
    min-width:72px;height:38px;padding:0 8px;
  }
  .la-header #la-primary-nav .la-nav-submenu {
    max-height:min(46svh,330px);overflow-y:auto;
    padding:5px;background:#f5f7f2;
    border-radius:8px;
  }
  .la-header #la-primary-nav .la-mobile-nav-socials {
    display:block;order:100;flex-shrink:0;margin-top:auto;
    padding:20px 4px 3px;
    border-top:1px solid #e0e8e0;
  }
  .la-header #la-primary-nav .la-mobile-nav-social-title {
    display:block;color:#5e7866;font-size:11px;letter-spacing:.12em;
    text-transform:uppercase;font-weight:750;margin-bottom:13px;
  }
  .la-header #la-primary-nav .la-mobile-nav-social-links {
    display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  }
  .la-header #la-primary-nav a.la-mobile-nav-social-link {
    display:grid;place-items:center;
    height:43px;width:43px;padding:0;border:1px solid #dfe8df;
    background:#f5f8f4;border-radius:50%;color:#1c4733;
  }
  .la-header #la-primary-nav a.la-mobile-nav-social-link:hover,
  .la-header #la-primary-nav a.la-mobile-nav-social-link:focus-visible {background:#e7f0e5;}
  .la-header #la-primary-nav .la-mobile-nav-social-link svg {width:21px;height:21px;}
  body.la-mobile-nav-open {overflow:hidden;}
  body.admin-bar .la-header #la-primary-nav,
  body.admin-bar .la-header .la-mobile-nav-backdrop {height:calc(100dvh - 46px);max-height:calc(100dvh - 46px);}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce) {
  .la-header #la-primary-nav,
  .la-header .la-mobile-nav-backdrop {transition:none!important;}
}


/* v1.6.10 — Refined mobile navigation: lightweight ASRI-inspired rhythm,
   a scrollable menu region and independently anchored social footer. */
.la-mobile-nav-scroll {display:contents;}
.la-nav-submenu-inner {display:block;}
@media (max-width:760px) {
  .la-header .la-mobile-nav-backdrop,
  body.home .la-header .la-mobile-nav-backdrop {
    position:fixed;inset:0;width:100%;height:100dvh;z-index:80;
    background:rgba(5,26,17,.49);
    backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .43s ease,visibility .43s;
  }
  body.la-mobile-nav-open .la-header .la-mobile-nav-backdrop {
    opacity:1;visibility:visible;pointer-events:auto;
  }
  .la-header #la-primary-nav,
  body.home .la-header #la-primary-nav {
    position:fixed;inset:0 0 0 auto;z-index:81;
    width:min(86vw,360px);max-width:min(86vw,360px);min-width:0;
    height:100dvh;max-height:100dvh;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    padding:0;gap:0;border:0;border-radius:0;
    overflow:hidden;background:#356e43;color:#fff;
    box-shadow:-14px 0 46px rgba(4,26,12,.18);
    transform:translate3d(101%,0,0);
    opacity:1;visibility:hidden;pointer-events:none;
    transition:transform .48s cubic-bezier(.22,1,.36,1),visibility .48s;
  }
  .la-header #la-primary-nav.is-open,
  body.home .la-header #la-primary-nav.is-open {
    transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;
  }
  .la-header #la-primary-nav .la-mobile-nav-header {
    flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
    margin:0;min-height:106px;padding:19px 24px 17px;
    border:0;border-bottom:1px solid rgba(255,255,255,.12);
    background:#356e43;
  }
  .la-header #la-primary-nav .la-mobile-nav-brand {
    display:flex;align-items:center;width:min(76%,162px);min-width:0;
    max-height:64px;color:#fff;
  }
  .la-header #la-primary-nav .la-mobile-nav-brand .la-logo-image,
  .la-header #la-primary-nav .la-mobile-nav-brand img {
    max-height:51px;max-width:130px;width:auto;height:auto;object-fit:contain;
    filter:brightness(0) invert(1);
  }
  .la-header #la-primary-nav .la-mobile-nav-brand .la-logo-text {
    color:#fff;font-size:19px;letter-spacing:-.025em;line-height:1;
  }
  .la-header #la-primary-nav .la-mobile-nav-brand .la-logo-text strong {
    color:#d9eada;font-size:9px;letter-spacing:.09em;
  }
  .la-header #la-primary-nav .la-mobile-nav-close {
    flex:0 0 auto;display:grid;place-items:center;
    width:42px;height:42px;margin:0;padding:0;
    border:0;border-radius:50%;background:transparent;color:#eff9ee;
    font-size:33px;font-weight:200;line-height:1;
    transition:background .18s ease,transform .23s ease;
  }
  .la-header #la-primary-nav .la-mobile-nav-close:is(:hover,:focus-visible) {
    background:rgba(255,255,255,.12);transform:rotate(90deg);
  }
  .la-header #la-primary-nav .la-mobile-nav-scroll {
    display:block;flex:1 1 auto;min-height:0;overflow-y:auto;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding:14px 0 18px;
  }
  .la-header #la-primary-nav .la-mobile-nav-scroll::-webkit-scrollbar {display:none;}
  .la-header #la-primary-nav .la-mobile-nav-scroll > a:not(.la-mobile-nav-social-link),
  body.home .la-header #la-primary-nav .la-mobile-nav-scroll > a:not(.la-mobile-nav-social-link) {
    display:flex;align-items:center;min-height:54px;
    margin:0;padding:12px 25px;width:100%;
    border:0;border-radius:0;background:transparent;
    color:#f7fff6!important;font-size:clamp(16px,4.2vw,18px);
    font-weight:420;line-height:1.45;letter-spacing:.005em;text-shadow:none;
    transition:background-color .25s ease,padding-left .28s ease;
  }
  .la-header #la-primary-nav .la-mobile-nav-scroll > a:is(:hover,:focus-visible),
  body.home .la-header #la-primary-nav .la-mobile-nav-scroll > a:is(:hover,:focus-visible) {
    color:#fff;background:rgba(255,255,255,.11);padding-left:30px;
  }
  .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact,
  body.home .la-header #la-primary-nav .la-mobile-nav-scroll > a.la-nav-contact {
    margin:15px 24px 10px;width:calc(100% - 48px);min-height:50px;
    justify-content:center;text-align:center;
    border:1px solid rgba(255,255,255,.66);border-radius:30px;
    padding:11px 14px;background:transparent;color:#fff;
    font-weight:500;font-size:15px;letter-spacing:.02em;
  }
  .la-header #la-primary-nav .la-nav-dropdown,
  body.home .la-header #la-primary-nav .la-nav-dropdown {
    display:grid;grid-template-columns:minmax(0,1fr) 55px;
    gap:0;align-items:center;margin:0;border:0;border-radius:0;
    background:transparent;
  }
  .la-header #la-primary-nav .la-nav-dropdown-main,
  body.home .la-header #la-primary-nav .la-nav-dropdown-main {
    display:flex;align-items:center;min-height:54px;margin:0;
    padding:12px 0 12px 25px;color:#f7fff6;text-shadow:none;
    font-size:clamp(16px,4.2vw,18px);font-weight:420;
    line-height:1.45;letter-spacing:.005em;
    transition:background-color .25s ease;
  }
  .la-header #la-primary-nav .la-nav-dropdown-toggle,
  body.home .la-header #la-primary-nav .la-nav-dropdown-toggle {
    display:grid;place-items:center;justify-content:center;
    width:39px;min-width:39px;height:39px;padding:0;margin:0 14px 0 0;
    border:1px solid rgba(255,255,255,.4);border-radius:50%;
    background:transparent;color:#fff;font-size:0;
    transition:background-color .24s ease,border-color .24s ease;
  }
  .la-header #la-primary-nav .la-nav-dropdown-toggle:is(:hover,:focus-visible) {
    background:rgba(255,255,255,.15);border-color:#fff;
  }
  .la-header #la-primary-nav .la-nav-dropdown-toggle::after {
    content:"";display:block;width:9px;height:9px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
    transition:transform .36s cubic-bezier(.22,1,.36,1);
  }
  .la-header #la-primary-nav .la-nav-dropdown.is-open .la-nav-dropdown-toggle::after {
    transform:translateY(2px) rotate(225deg);
  }
  .la-header #la-primary-nav .la-nav-dropdown .la-nav-submenu,
  body.home .la-header #la-primary-nav .la-nav-dropdown .la-nav-submenu {
    position:relative;top:auto;left:auto;right:auto;bottom:auto;grid-column:1/-1;width:100%;max-width:none;
    display:grid!important;grid-template-rows:0fr;
    margin:0;padding:0;border:0;border-radius:0;
    background:#234b33;box-shadow:none;
    overflow:hidden;max-height:none;
    opacity:0;visibility:hidden;pointer-events:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    transition:grid-template-rows .40s cubic-bezier(.22,1,.36,1),opacity .27s ease,visibility .4s;
  }
  .la-header #la-primary-nav .la-nav-dropdown.is-open .la-nav-submenu,
  body.home .la-header #la-primary-nav .la-nav-dropdown.is-open .la-nav-submenu {
    display:grid!important;grid-template-rows:1fr;opacity:1;visibility:visible;pointer-events:auto;
  }
  .la-header #la-primary-nav .la-nav-submenu-inner {
    display:block;min-height:0;overflow:hidden;padding:0;
  }
  .la-header #la-primary-nav .la-nav-dropdown.is-open .la-nav-submenu-inner {
    padding:8px 0 10px;
  }
  .la-header #la-primary-nav .la-nav-submenu a.la-nav-submenu-link,
  body.home .la-header #la-primary-nav .la-nav-submenu a.la-nav-submenu-link {
    display:flex;align-items:center;min-height:44px;
    margin:0;padding:10px 25px 10px 38px;border:0;border-radius:0;
    color:#e5f3e5;background:transparent;text-shadow:none;
    font-size:clamp(14px,3.9vw,16px);font-weight:380;line-height:1.4;
    transition:background-color .2s ease,padding-left .24s ease;
  }
  .la-header #la-primary-nav .la-nav-submenu a.la-nav-submenu-link:is(:hover,:focus-visible),
  body.home .la-header #la-primary-nav .la-nav-submenu a.la-nav-submenu-link:is(:hover,:focus-visible) {
    background:rgba(255,255,255,.1);color:#fff;padding-left:43px;
  }
  .la-header #la-primary-nav .la-mobile-nav-socials {
    position:static;flex:0 0 auto;display:block;order:0;margin:0;
    background:#2a5a38;border:0;border-top:1px solid rgba(255,255,255,.18);
    padding:15px 24px max(20px,env(safe-area-inset-bottom));
  }
  .la-header #la-primary-nav .la-mobile-nav-social-title {
    display:block;color:#dbeedc;margin:0 0 9px;
    font-size:10px;font-weight:550;letter-spacing:.12em;text-transform:uppercase;
  }
  .la-header #la-primary-nav .la-mobile-nav-social-links {
    display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  }
  .la-header #la-primary-nav a.la-mobile-nav-social-link {
    width:38px;height:38px;padding:0;
    display:grid;place-items:center;border:1px solid rgba(255,255,255,.36);
    border-radius:50%;background:transparent;color:#fff;
    transition:background-color .23s ease,transform .23s ease;
  }
  .la-header #la-primary-nav a.la-mobile-nav-social-link:is(:hover,:focus-visible) {
    color:#fff;background:rgba(255,255,255,.17);transform:translateY(-2px);
  }
  .la-header #la-primary-nav .la-mobile-nav-social-link svg {width:18px;height:18px;}
  body.la-mobile-nav-open {overflow:hidden;}
  body.admin-bar .la-header #la-primary-nav {top:0;height:calc(100dvh - 46px);max-height:calc(100dvh - 46px);}
  body.admin-bar .la-header .la-mobile-nav-backdrop {top:0;height:calc(100dvh - 46px);max-height:calc(100dvh - 46px);}
}
@media (max-width:760px) and (max-height:640px) {
  .la-header #la-primary-nav .la-mobile-nav-header {min-height:76px;padding:10px 21px;}
  .la-header #la-primary-nav .la-mobile-nav-brand .la-logo-image {max-height:43px;}
  .la-header #la-primary-nav .la-mobile-nav-socials {padding-block:10px;}
  .la-header #la-primary-nav .la-mobile-nav-scroll > a,
  .la-header #la-primary-nav .la-nav-dropdown-main {min-height:46px;padding-block:9px;}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce) {
  .la-header #la-primary-nav,
  .la-header .la-mobile-nav-backdrop,
  .la-header #la-primary-nav .la-nav-submenu,
  .la-header #la-primary-nav .la-nav-dropdown-toggle::after {transition:none!important;}
}

/* v1.6.11 — Mobile navigation refinements: unframed chevron, original
   full-color logo, and an always-visible CMS-backed social footer. */
@media (max-width:760px) {
  .la-header #la-primary-nav .la-mobile-nav-brand .la-logo-image,
  .la-header #la-primary-nav .la-mobile-nav-brand img,
  body.home .la-header #la-primary-nav .la-mobile-nav-brand img {
    filter:none!important;-webkit-filter:none!important;mix-blend-mode:normal;opacity:1;
  }
  .la-header #la-primary-nav .la-nav-dropdown-toggle,
  body.home .la-header #la-primary-nav .la-nav-dropdown-toggle {
    width:44px;min-width:44px;height:44px;margin:0 10px 0 0;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;color:#f8fff8;
    transition:color .22s ease;
  }
  .la-header #la-primary-nav .la-nav-dropdown-toggle:is(:hover,:focus-visible),
  body.home .la-header #la-primary-nav .la-nav-dropdown-toggle:is(:hover,:focus-visible) {
    background:transparent!important;color:#dbf4d7;
  }
  .la-header #la-primary-nav .la-nav-dropdown-toggle::after {width:10px;height:10px;}
  .la-header #la-primary-nav .la-mobile-nav-socials {
    display:block;flex-shrink:0;margin-top:auto;
  }
  .la-header #la-primary-nav .la-mobile-nav-social-link.is-unlinked {
    cursor:default;opacity:.64;
  }
  .la-header #la-primary-nav .la-mobile-nav-social-link.is-unlinked:hover {
    background:transparent;transform:none;
  }
}

/* v1.6.51 — CMS-controlled Publications dropdown colors on desktop and mobile.
   The high-specificity selectors override legacy fixed mobile colors. */
#la-site-header #la-primary-nav .la-nav-submenu {
  background:rgb(var(--la-dropdown-rgb,21 59 45) / var(--la-dropdown-alpha,.65));
}
#la-site-header #la-primary-nav .la-nav-submenu a.la-nav-submenu-link,
#la-site-header #la-primary-nav .la-nav-submenu a.la-nav-submenu-link:is(:hover,:focus-visible) {
  color:var(--la-dropdown-ink,#fff);
}