/* Alico technology story: scoped trial of the photo-and-progress-tab layout. */
.alico-site .alico-tech-story {
  position: relative; isolation: isolate; color: #fff; background: #101315;
  height: 800px; min-height: 0; overflow: hidden;
}
.alico-site .alico-tech-story__media,
.alico-site .alico-tech-story__image,
.alico-site .alico-tech-story__shade { position: absolute; inset: 0; }
.alico-site .alico-tech-story__media { z-index: -3; }
.alico-site .alico-tech-story__image { opacity: 0; transition: opacity 1s ease; }
.alico-site .alico-tech-story__image.is-active { opacity: 1; }
.alico-site .alico-tech-story__image picture,
.alico-site .alico-tech-story__image img { display: block; width: 100%; height: 100%; }
.alico-site .alico-tech-story__image img { object-fit: cover; object-position: 50% 32%; }
/* Keep the stock monitor details unobtrusive; preserve the person in focus. */
.alico-site .alico-tech-story__image[data-story-image="0"]::after {
  content: ""; position: absolute; inset: 0 45% 0 0; pointer-events: none;
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  -webkit-mask-image: linear-gradient(to right,#000 88%,transparent); mask-image: linear-gradient(to right,#000 88%,transparent);
}
.alico-site .alico-tech-story__shade {
  z-index: -2; pointer-events: none;
  background: linear-gradient(0deg, rgba(9,13,16,.96) 0%, rgba(9,13,16,.79) 31%, rgba(9,13,16,.26) 76%, rgba(9,13,16,.15) 100%), linear-gradient(90deg, rgba(9,13,16,.25), transparent 65%);
}
.alico-site .alico-tech-story__inner {
  position: relative; height: inherit; min-height: inherit; display: flex; flex-direction: column;
  justify-content: flex-end; padding-block: 4rem clamp(2.5rem,3.2vw,4rem);
}
.alico-site .alico-tech-story__copy { max-width: 57rem; margin-bottom: clamp(2rem,2.8vw,3rem); display: grid; grid-template-columns: minmax(0,1fr); }
/* All panels contribute their natural height; only the selected panel is visible. */
.alico-site .alico-tech-story__panel { grid-area: 2 / 1; }
.alico-site .alico-tech-story__panel.is-inactive { visibility: hidden; pointer-events: none; }
.alico-site .alico-tech-story__eyebrow { color: #fff; margin-bottom: 1.25rem; }
.alico-site .alico-tech-story__eyebrow::before { background: #fff; }
.alico-site .alico-tech-story__panel:focus-visible { outline-offset: 10px; }
.alico-site .alico-tech-story__panel:not(.is-inactive) { animation: alico-story-copy-in .55s both; }
.alico-site .alico-tech-story__title {
  color: #fff; font-family: var(--alico-heading-font); font-weight: 500;
  font-size: clamp(2.5rem,4vw,4.5rem); line-height: 1.065; letter-spacing: -.047em;
  max-width: 24ch; margin: 0; text-wrap: balance;
}
.alico-site .alico-tech-story__body {
  color: #f4f5f6; font-size: clamp(1rem,1.1vw,1.2rem); line-height: 1.55;
  max-width: 48ch; margin-top: 1.2rem;
}
.alico-site .alico-tech-story__tabs {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(1.2rem,1.65vw,2rem);
  align-items: start;
}
.alico-site .alico-tech-story__tab {
  display: block; width: 100%; text-align: left; color: #fff; border: 0; border-radius: 0;
  padding: 0; background: transparent; font: inherit; cursor: pointer;
}
.alico-site .alico-tech-story__rule { display: block; height: 2px; position: relative; overflow: hidden; background: rgba(255,255,255,.4); margin-bottom: 1.05rem; }
.alico-site .alico-tech-story__progress { position: absolute; inset: 0; background: var(--alico-blue); transform-origin: left; transform: scaleX(0); }
.alico-site .alico-tech-story__tab[aria-selected="true"] .alico-tech-story__rule { background: rgba(255,255,255,.65); }
.alico-site .alico-tech-story__tab-title { display: block; font-size: .95rem; font-weight: 650; line-height: 1.35; margin-bottom: .65rem; }
.alico-site .alico-tech-story__tab-summary { display: block; color: #d7dce0; font-size: .875rem; line-height: 1.5; }
.alico-site .alico-tech-story__tab:hover .alico-tech-story__rule { background: rgba(255,255,255,.85); }
.alico-site .alico-tech-story__tab:focus-visible { outline: 2px solid #fff; outline-offset: 8px; }
.alico-site .alico-tech-story__pause {
  position: absolute; right: var(--alico-gutter); top: 1.75rem; width: 2.65rem; height: 2.65rem;
  display: grid; place-items: center; color: #fff; background: rgba(9,13,16,.4);
  border: 1px solid rgba(255,255,255,.6); border-radius: 50%; padding: .6rem;
}
.alico-site .alico-tech-story__pause:hover { background: rgba(9,13,16,.7); }
.alico-site .alico-tech-story__pause:focus-visible { outline-color: #fff; }
.alico-site .alico-tech-story__pause svg { width: 100%; height: 100%; }
.alico-site .alico-tech-story__play-icon,
.alico-site .alico-tech-story[data-paused="true"] .alico-tech-story__pause-icon { display: none; }
.alico-site .alico-tech-story[data-paused="true"] .alico-tech-story__play-icon { display: block; }
@keyframes alico-story-copy-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1100px) {
 .alico-site .alico-tech-story { height: auto; min-height: clamp(40rem,72svh,50rem); }
 .alico-site .alico-tech-story__inner { height: auto; padding-top: clamp(12rem,18vw,16rem); }
}
@media (max-width: 1000px) and (min-width: 761px) {
 .alico-site .alico-tech-story__title { font-size: 3rem; }
 .alico-site .alico-tech-story__tab-title { font-size: .875rem; }
 .alico-site .alico-tech-story__tab-summary { font-size: .8125rem; }
}
@media (max-width: 760px) {
 .alico-site .alico-tech-story { min-height: 0; }
 .alico-site .alico-tech-story__inner { padding-top: 16rem; padding-bottom: 2.5rem; }
 .alico-site .alico-tech-story__copy { margin-bottom: 2.1rem; }
 .alico-site .alico-tech-story__title { font-size: clamp(2.25rem,8vw,3.25rem); max-width: 22ch; }
 .alico-site .alico-tech-story__title br { display: none; }
 .alico-site .alico-tech-story__title br::after { content: " "; }
 .alico-site .alico-tech-story__body { font-size: 1rem; max-width: 42ch; }
 .alico-site .alico-tech-story__tabs { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.65rem 1.2rem; }
 .alico-site .alico-tech-story__tab-title { font-size: .875rem; }
 .alico-site .alico-tech-story__tab-summary { font-size: .8125rem; }
 .alico-site .alico-tech-story__shade { background: linear-gradient(0deg,rgba(9,13,16,.97) 0%,rgba(9,13,16,.83) 65%,rgba(9,13,16,.2) 100%); }
 .alico-site .alico-tech-story__image img { object-position: 53% 15%; }
 .alico-site .alico-tech-story__pause { right: var(--alico-gutter); top: 1.25rem; }
}
@media (min-width: 901px) {
 .alico-site .alico-tech-story__title { font-size: clamp(2.275rem,3.64vw,4.095rem); }
}
@media (prefers-reduced-motion: reduce) {
 .alico-site .alico-tech-story__image { transition: none; }
 .alico-site .alico-tech-story__panel:not(.is-inactive) { animation: none; }
}