/* =========================================================
   The Amlea Standard (homepage section, sits under .paths)
   Desktop sizes use --u (one mockup pixel) like home.css.
   ========================================================= */
.std{flex:none;position:relative;background:linear-gradient(180deg,#fbfaff 0%,#f4f0fd 100%);color:var(--ink);overflow:hidden}
.std::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#c13bd8 0%,var(--purple) 45%,#3b5bdb 100%)}
.std-eyebrow{display:flex;align-items:center;gap:.9em;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--purple)}
.std-eyebrow::after{content:"";height:1px;flex:1;background:#d9cdf5}
.std-head{margin:0;font-weight:500;color:#0a1738;letter-spacing:-.01em}
.std-head span{display:inline;background:linear-gradient(90deg,#7f06ea,#3b5bdb);-webkit-background-clip:text;background-clip:text;color:transparent}

.std-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.std-col{position:relative}
.std-num{display:block;font-weight:300;line-height:1;color:transparent;-webkit-text-stroke:1px #b99cf0;letter-spacing:-.02em}
.std-col h3{margin:0;font-weight:600;color:#0a1738;letter-spacing:-.005em}
.std-tags{display:block;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#5b6a94}
.std-col ul{list-style:none;margin:0;padding:0}
.std-col li{position:relative;color:#2f407a;font-weight:400}
.std-col li::before{content:"";position:absolute;left:0;border-radius:50%;background:#b68ef0}
.std-col:hover .std-num{color:#efe6fd;-webkit-text-stroke-color:var(--purple)}
.std-num{transition:color .35s ease,-webkit-text-stroke-color .35s ease}
.std-close{margin:0;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:#0a1738}
.std-close span{color:var(--purple)}

@media (min-width:761px){
  .std-in{padding:calc(54 * var(--u)) calc(64 * var(--u)) calc(40 * var(--u))}
  .std-top{display:block;margin-top:calc(22 * var(--u))}
  .std-eyebrow{font-size:calc(13 * var(--u))}
  .std-head{font-size:calc(46 * var(--u));line-height:calc(52 * var(--u))}
  .std-head br{display:none}
        .std-grid{margin-top:calc(44 * var(--u));border-top:1px solid #ddd3f3}
  .std-col{padding:calc(28 * var(--u)) calc(30 * var(--u)) calc(6 * var(--u))}
  .std-col:first-child{padding-left:0}
  .std-col:last-child{padding-right:0}
  .std-col+.std-col::before{content:"";position:absolute;left:0;top:calc(30 * var(--u));bottom:calc(4 * var(--u));width:1px;background:#ddd3f3}
  .std-num{font-size:calc(64 * var(--u));margin-bottom:calc(10 * var(--u))}
  .std-col h3{font-size:calc(22 * var(--u));line-height:calc(28 * var(--u))}
  .std-tags{margin:calc(6 * var(--u)) 0 calc(16 * var(--u));font-size:calc(11 * var(--u))}
  .std-col li{padding-left:calc(18 * var(--u));font-size:calc(16 * var(--u));line-height:calc(22 * var(--u))}
  .std-col li+li{margin-top:calc(9 * var(--u))}
  .std-col li::before{top:calc(8 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u))}
  .std-close{margin-top:calc(34 * var(--u));padding-top:calc(22 * var(--u));border-top:1px solid #ddd3f3;font-size:calc(13 * var(--u))}
}

@media (max-width:760px){
  .std-in{padding:36px 16px 28px}
  .std-top{display:block;margin-top:16px}
  .std-eyebrow{font-size:.72rem}
  .std-head{font-size:1.85rem;line-height:1.15}
        .std-grid{grid-template-columns:1fr;margin-top:24px}
  .std-col{display:grid;grid-template-columns:56px 1fr;column-gap:12px;padding:22px 0;border-top:1px solid #ddd3f3}
  .std-num{grid-row:1 / span 3;font-size:2.6rem}
  .std-col h3{font-size:1.15rem;line-height:1.3}
  .std-tags{margin:4px 0 12px;font-size:.66rem}
  .std-col ul{grid-column:2}
  .std-col li{padding-left:16px;font-size:.95rem;line-height:1.45}
  .std-col li+li{margin-top:8px}
  .std-col li::before{top:.55em;width:6px;height:6px}
  .std-close{padding-top:20px;border-top:1px solid #ddd3f3;font-size:.68rem;letter-spacing:.22em;line-height:1.8}
}

/* ===== Our Mission (navy strip between the bluebonnet band and the footer) ===== */
.mission{flex:none;background:var(--navy);color:#fff;text-align:center}
.mission-in{margin:0 auto}
.mission-k{margin:0;display:flex;align-items:center;justify-content:center;gap:1em;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:#d8c2ff}
.mission-k::before,.mission-k::after{content:"";width:2.4em;height:1px;background:#b68ef0}
.mission-v{margin:0 auto;font-weight:400;color:#eef0f7}
.mission-v strong{font-weight:600;background:linear-gradient(90deg,#e7a6ff,#b68ef0 50%,#9fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (min-width:761px){
  .mission-in{width:calc(1458 * var(--u));padding:calc(52 * var(--u)) 0 calc(54 * var(--u))}
  .mission-k{font-size:calc(13 * var(--u))}
  .mission-v{max-width:calc(900 * var(--u));margin-top:calc(20 * var(--u));font-size:calc(20 * var(--u));line-height:calc(34 * var(--u))}
}
@media (max-width:760px){
  .mission-in{padding:40px 20px 40px}
  .mission-k{font-size:.72rem}
  .mission-v{margin-top:12px;font-size:1.02rem;line-height:1.55}
}

/* ===== Hero layout v2 (2026-10-15): one left column, more air =====
   Hero 470u tall; logo + tagline as one lockup, then headline, then button. */
@media (min-width:761px){
  .hero--video{height:calc(500 * var(--u))}
  .hero--video .logo.logo--word{left:calc(88 * var(--u));top:calc(58 * var(--u));width:calc(260 * var(--u))}
  .hero--video .logo--word ~ .tag{left:calc(88 * var(--u));top:calc(144 * var(--u));width:auto;text-align:left;font-size:calc(15 * var(--u));line-height:calc(22 * var(--u));letter-spacing:.04em;color:#26335c}
  .hero--video .logo--word ~ .tag::before{content:"";display:inline-block;vertical-align:middle;width:calc(22 * var(--u));height:1px;margin-right:calc(10 * var(--u));background:#7f06ea}
  .hero--video .hero-copy{left:calc(88 * var(--u));top:calc(214 * var(--u))}
  .hero--video .hero-copy h1{font-size:calc(64 * var(--u));line-height:calc(70 * var(--u))}
  .hero--video .btnv{left:calc(88 * var(--u));top:calc(392 * var(--u))}
  .hero--video .btnv{width:calc(340 * var(--u));height:calc(54 * var(--u));font-size:calc(20 * var(--u))}
  .hero--video video.fg,.hero--video img.scene{width:calc(760 * var(--u));aspect-ratio:auto}
  .hero--video::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(250,247,243,.95) 0%,rgba(250,247,243,.9) 36%,rgba(250,247,243,0) 54%)}
  .hero--video .ov,.hero--video .hero-copy,.hero--video .btnv{z-index:2}
  .hero--video .pin{top:calc(456 * var(--u))}
}

/* ===== Footer link strip: keep links clear of the Chamber badge (badge is 56px, absolute bottom-right) ===== */
@media (min-width:761px){
  .f-links{position:relative;padding-left:calc(56px + 48 * var(--u));padding-right:calc(56px + 48 * var(--u))}
  .f-chamber{top:50%;bottom:auto;transform:translateY(-50%)}
}