/** Shopify CDN: Minification failed

Line 123:11 Unexpected "{"
Line 123:20 Expected ":"
Line 123:26 Unexpected "{"
Line 127:11 Unexpected "{"
Line 127:20 Expected ":"
Line 127:26 Unexpected "{"
Line 131:9 Unexpected "{"
Line 131:18 Expected ":"
Line 131:24 Unexpected "{"
Line 132:9 Unexpected "{"
... and 47 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* ====== BASE / TYPOGRAPHY ====== */
.active-edit {
  padding-top: var(--pt);
  padding-bottom: var(--pb);
  /* Basetica-like stack (falls back to Inter/system if Basetica isn’t available) */
  --ae-font: "Basetica", "Basetica-Light", "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --ae-title-weight: 600;       /* look similar to Basetica 500–600 */
  --ae-body-weight: 400;
  font-family: var(--ae-font);
}
.active-edit__inner { max-width: 1400px; margin: 0 auto; }

/* ====== HEADER ====== */
.active-edit__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.active-edit__title {
  font-family: var(--ae-font);
  font-weight: var(--ae-title-weight);
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.15;
  margin: 0;
  letter-spacing: .01em;
}
.active-edit__arrows { display: flex; gap: 8px; }
.ae-btn {
  width: 36px; height: 36px;
  border: 1px solid rgba(0,0,0,.2);
  background: #fff; border-radius: 50%;
  font-size: 18px; line-height: 1;
  cursor: pointer;
}
.ae-btn:hover { background:#000; color:#fff; }
.ae-btn:disabled { opacity:.4; cursor: default; }

/* ====== TRACK ====== */
.active-edit__track{
  --gap: 24px;
  --per-desktop: 3;
  display:flex;
  gap: var(--gap);
  overflow-x: auto;               /* must be scrollable so arrows can move it */
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;       /* IE/Edge */
  scrollbar-width: none;          /* Firefox */
}
.active-edit__track::-webkit-scrollbar{ display:none; } /* WebKit */

/* ====== CARD ====== */
.ae-card{
  /* width so 3 cards fit exactly, accounting for gaps */
  flex: 0 0 var(--ae-card-w, calc((100% - (var(--gap) * (var(--per-desktop) - 1))) / var(--per-desktop)));
  display:grid;
  grid-template-columns: minmax(260px, 46%) minmax(320px, 1fr); /* image ~46%, text rest */
  align-items: center;
  gap: 28px;
  scroll-snap-align: start;
}
.ae-card__media{ overflow:hidden; border-radius: 6px; }
.ae-card__media img{ width:100%; height:auto; display:block; object-fit: cover; }

/* ====== CONTENT / TYPE ====== */
.ae-card__content{ max-width: 620px; }
.ae-card__eyebrow, .ae-card__title, .ae-card__excerpt{
  overflow-wrap: anywhere; word-break: break-word; hyphens: auto;
  font-family: var(--ae-font);
}
.ae-card__eyebrow{
  font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
  color: rgba(0,0,0,.65); margin-bottom: 8px; font-weight: 500;
}
.ae-card__title{
  font-size: clamp(18px, 2vw, 26px);
  line-height: 1.25; margin: 0 0 10px;
  font-weight: var(--ae-title-weight);
}
.ae-card__excerpt{
  color: rgba(0,0,0,.78); line-height: 1.55; margin: 0 0 14px;
  font-weight: var(--ae-body-weight);
  font-size: 15px;
  letter-spacing: .005em;
}
.ae-card__link{
  text-decoration: underline; font-weight: 500;
}

/* ====== MOBILE ====== */
@media (max-width: 767px){
  .active-edit__track{ gap: 16px; }
  .ae-card{
    flex: 0 0 88%;                 /* shows a peek of next card */
    grid-template-columns: 1fr;    /* stack image then text */
    gap: 12px;
  }
  .ae-card__content{ max-width: none; }
}
/* ===== REALLY hide this whole header on mobile/touch ===== */
@media (max-width: 1200px){
  #header-{{ section.id }}{ display:none !important; }
}
/* Extra guard for touch devices (some tablets >1200px) */
@media (pointer: coarse){
  #header-{{ section.id }}{ display:none !important; }
}

/* ===== Color isolation ===== */
#header-{{ section.id }}{ background:transparent !important; border:0 !important; }
#header-{{ section.id }} *{ box-sizing:border-box; }
#header-{{ section.id }} .as-wrap{
  background: var(--as-bg) !important;
  color: var(--as-ink) !important;
}

/* ===== Sticky ===== */
#header-{{ section.id }}.is-sticky{ position:sticky; top:0; z-index:1000; }

/* ===== Containers ===== */
#header-{{ section.id }} .as-inner{
  max-width: var(--as-maxw);
  margin-inline:auto;
  padding-inline:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* ===== Row 1: perfect vertical centering ===== */
#header-{{ section.id }} .as-top{
  height: var(--as-top-h);
  display:flex;            /* makes the row itself a flexbox */
  align-items:center;      /* centers the inner vertically */
  border-bottom: 1px solid color-mix(in oklab, var(--as-ink) 12%, transparent);
}
#header-{{ section.id }} .as-inner--top{
  height: 100%;            /* match the row height exactly */
}
#header-{{ section.id }} .as-left,
#header-{{ section.id }} .as-center,
#header-{{ section.id }} .as-right{
  display:flex; align-items:center; gap:var(--as-gap);
  line-height:1;           /* prevents baseline drift */
}
#header-{{ section.id }} .as-left,
#header-{{ section.id }} .as-right{ width:33%; }
#header-{{ section.id }} .as-center{ width:34%; justify-content:center; }

/* Icons */
#header-{{ section.id }} .as-iconbtn{
  display:inline-grid; place-items:center;
  width:calc(var(--as-icon) + 8px); height:calc(var(--as-icon) + 8px);
  color: var(--as-ink) !important; text-decoration:none !important;
  opacity:.92; transition:opacity .2s ease;
}
#header-{{ section.id }} .as-iconbtn:hover{ opacity:1; }
#header-{{ section.id }} .as-iconbtn svg{
  width:var(--as-icon); height:var(--as-icon); display:block;
}

/* Logo */
#header-{{ section.id }} .as-logo{ color:var(--as-ink) !important; text-decoration:none; }
/* constrain the logo image so it sits perfectly centered visually */
#header-{{ section.id }} .as-logo-img{
  display:block;
  max-height: calc(var(--as-top-h) - 24px); /* 12px top/bottom breathing room */
  height:auto; width:auto;
}
#header-{{ section.id }} .as-logo-text{
  font-weight:700; font-size:clamp(22px, 2.2vw, 32px);
  letter-spacing:var(--as-letter); color:var(--as-ink) !important;
}

/* ===== Row 2 ===== */
#header-{{ section.id }} .as-nav{ height: var(--as-nav-h); display:flex; align-items:center; }
#header-{{ section.id }} .as-menu{
  list-style:none !important; margin:0; padding:0;
  display:flex; align-items:center; justify-content:space-between; gap:var(--as-gap);
}
#header-{{ section.id }} .as-link{
  display:inline-block; text-transform:uppercase; letter-spacing:.06em;
  font-weight:600; font-size:12.5px; line-height:1;
  color: var(--as-ink) !important; text-decoration:none !important;
  opacity:.98; transition:opacity .2s ease;
}
#header-{{ section.id }} .as-link:hover{ opacity:1; }
#header-{{ section.id }} .as-link.is-accent{ color: var(--as-accent) !important; }

/* Empty state */
#header-{{ section.id }} .as-empty{ color:var(--as-muted) !important; font-size:14px; }