@font-face{font-family:Montserrat;src:url('assets/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/Montserrat-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#253536;--teal:#087f8c;--bright-teal:#1194a2;--coral:#ed7758;--sage:#8fa58c;--light:#f1f6f4;--line:#d9e3e0;--duration-fast:250ms;--ease-smooth-out:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}figure,p,h1,h2,h3,h4{margin:0}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;line-height:1.6}.site-header{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{width:43px;height:43px;object-fit:contain}.brand-word{width:137px;height:auto}.site-header nav{display:flex;align-items:center;gap:36px;font-size:.875rem}.site-header nav a{padding-block:12px}.nav-contact{border-bottom:2px solid var(--coral);font-weight:700}.nav-contact span{margin-left:18px}.hero{padding-block:78px 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.hero h1{font-size:clamp(3.4rem,5.8vw,5.7rem);line-height:1.06;letter-spacing:-.065em;margin:25px 0 30px;font-weight:700}.hero h1 span,h2 span{color:var(--teal)}.hero-intro{font-size:1.1rem;line-height:1.8;max-width:470px}.button{display:inline-flex;gap:40px;justify-content:space-between;align-items:center;min-height:56px;padding:15px 24px;background:var(--teal);color:white;border-radius:4px;font-weight:700;font-size:.875rem;margin-top:30px;transition:background-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-smooth-out)}.button:hover{background:#096b74;transform:translateY(-2px)}.provenance{font-size:.75rem;line-height:1.6;max-width:350px;margin-top:36px;color:#647473}.hero-visual{position:relative;padding-bottom:36px}.hero-visual>img{width:100%;height:510px;object-fit:cover;object-position:52% center;border-radius:110px 8px 110px 8px}.hero-visual figcaption{position:absolute;bottom:0;left:-28px;background:#fff;padding:24px 32px;box-shadow:0 12px 40px #2535360c;border-left:4px solid var(--coral);font-weight:700;font-size:.9rem;line-height:1.7}.hero-visual figcaption span{display:block}.about{border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:end;margin-top:22px}h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.18;letter-spacing:-.045em}.section-heading>p{color:#526563}.about-statement{margin-top:56px;padding-top:30px;border-top:1px solid var(--line);max-width:820px;font-size:1.2rem}.programs{background:var(--light)}.featured{background:white;margin-top:46px;padding:50px;border-radius:8px}.featured h3{font-size:2.6rem;line-height:1.15;letter-spacing:-.04em;margin-top:20px;color:var(--teal)}.program-audience{font-size:1.05rem;margin:12px 0 24px}.featured p{max-width:660px}.metrics{display:flex;gap:56px;margin:32px 0}.metrics div{display:flex;flex-direction:column}.metrics strong{font-size:2rem;line-height:1.3}.metrics span{font-size:.8rem;color:#526563}.text-link{display:inline-flex;align-items:center;gap:30px;font-weight:700;border-bottom:1px solid var(--coral);padding-bottom:5px;font-size:.9rem}.text-link span{transition:transform var(--duration-fast) var(--ease-smooth-out)}.text-link:hover span{transform:translate(3px,-3px)}.section-intro{max-width:620px;margin-top:28px}#method h2{margin-top:22px}.contact{background:var(--teal);color:white}.contact h2{max-width:850px;margin-top:22px;font-size:clamp(2.3rem,4.2vw,4rem)}.contact p:not(.eyebrow){max-width:650px;margin-top:28px}.email{font-weight:700;font-size:clamp(1rem,2.2vw,1.8rem);overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:24px;padding-block:35px;font-size:.75rem}footer>span:first-child{font-weight:700;font-size:1rem}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:10px}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.site-header nav{gap:20px}.hero{gap:32px}.hero-visual>img{height:440px}.section-heading{gap:40px}.section{padding-block:76px}.hero h1{font-size:4rem}}
@media(max-width:640px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{min-height:0;flex-direction:column;align-items:flex-start;gap:10px;padding-block:20px}.brand-icon{width:36px;height:36px}.brand-word{width:123px}.site-header nav{gap:20px;width:100%;justify-content:space-between;font-size:.75rem}.site-header .nav-contact{display:none}.hero{grid-template-columns:1fr;padding-block:44px 56px;gap:38px}.hero h1{font-size:clamp(3rem,13vw,4.8rem);margin-block:24px}.hero-intro{font-size:1rem}.eyebrow{font-size:.7rem;letter-spacing:.12em}.hero-visual>img{height:350px;border-radius:70px 5px 70px 5px}.hero-visual figcaption{left:12px;padding:18px 22px;font-size:.8rem}.provenance{margin-top:24px}.section{padding-block:62px}.section-heading{grid-template-columns:1fr;gap:24px}h2{font-size:2.2rem}.about-statement{font-size:1.05rem;margin-top:30px}.featured{padding:28px 22px;margin-top:32px}.featured h3{font-size:2rem}.metrics{gap:28px}.metrics strong{font-size:1.8rem}.metrics span{font-size:.75rem}.text-link{font-size:.8rem;gap:12px}.contact h2{font-size:2.3rem}footer{flex-wrap:wrap;gap:15px}footer>span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

:root {
  --acc-expand: 250ms;
  --acc-collapse: 250ms;
  --acc-chevron: 250ms;
  --acc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* grid-template-rows 0fr → 1fr gives a clean height animation
   with no JS measurement; the inner element clips overflow. */
.t-acc-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--acc-collapse) var(--acc-ease);
}
.t-acc[data-open="true"] .t-acc-panel {
  grid-template-rows: 1fr;
  transition: grid-template-rows var(--acc-expand) var(--acc-ease);
}
.t-acc-panel-inner {
  overflow: hidden;
  opacity: 0;
  filter: blur(2px);
  transition:
    opacity var(--acc-collapse) var(--acc-ease),
    filter var(--acc-collapse) var(--acc-ease);
}
.t-acc[data-open="true"] .t-acc-panel-inner {
  opacity: 1;
  filter: blur(0);
  transition:
    opacity var(--acc-expand) var(--acc-ease),
    filter var(--acc-expand) var(--acc-ease);
}
/* Flip the chevron vertically to turn the "v" into a "^".
   scaleY(-1) about the centre passes through a flat line at
   the midpoint (same look as a `d:` path morph) but animates
   in every browser, unlike CSS `d:` morphing (Chromium only).
   The chevron path is symmetric about the 16x16 viewBox
   centre, so the flip lands exactly on the "^"; non-scaling
   -stroke keeps the stroke width constant through the flip. */
.t-acc-chevron {
  display: inline-flex;
  transform: scaleY(1);
  transform-origin: center;
  transition: transform var(--acc-chevron) var(--acc-ease);
}
.t-acc-chevron path { vector-effect: non-scaling-stroke; }
.t-acc[data-open="true"] .t-acc-chevron {
  transform: scaleY(-1);
}

@media (prefers-reduced-motion: reduce) {
  .t-acc-panel, .t-acc-panel-inner, .t-acc-chevron {
    transition: none !important;
  }
}

.featured-top{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}.lab-image{height:370px;width:100%;object-fit:cover;border-radius:6px 60px 6px 6px}.lab-details{margin-top:52px;border-top:1px solid var(--line);padding-top:44px}.lab-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.lab-intro h4{font-size:2.1rem;letter-spacing:-.04em;line-height:1.25;margin-top:18px}.lab-intro h4 span{color:var(--teal)}.lab-intro p+p{margin-top:18px}.lab-intro>div>p:not(.eyebrow){font-size:.95rem}.builds{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px}.builds>div{border-top:3px solid var(--bright-teal);padding-top:20px}.builds>div:nth-child(2){border-color:var(--coral)}.builds>div:nth-child(3){border-color:var(--sage)}.build-number{font-size:2rem;font-weight:700;color:var(--teal);letter-spacing:-.04em}.builds>div:nth-child(2) .build-number{color:#b75438}.builds>div:nth-child(3) .build-number{color:#567351}.builds h4{font-size:1rem;line-height:1.45;margin:10px 0}.builds p{font-size:.875rem;line-height:1.75;color:#526563}.curriculum-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:56px;margin-bottom:22px}.curriculum-heading h4,.project-examples h4{font-size:1.45rem;letter-spacing:-.03em;line-height:1.35}.curriculum-heading>span{font-size:.8rem;color:#526563}.t-acc{border-top:1px solid var(--line)}.t-acc:last-child{border-bottom:1px solid var(--line)}.t-acc h5{margin:0}.t-acc-head{width:100%;border:0;background:transparent;text-align:left;color:var(--ink);padding:21px 0;display:flex;align-items:center;gap:24px;cursor:pointer;font-size:1rem;font-weight:700}.t-acc-head:hover{color:var(--teal)}.t-acc-head small{display:block;letter-spacing:.1em;font-size:.65rem;font-weight:400;color:#526563;margin-top:4px}.session-number{font-size:1.1rem;color:var(--teal)}.t-acc-chevron{width:20px;flex-shrink:0;margin-left:auto}.t-acc-chevron svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.session-copy{padding:0 35px 26px 47px;font-size:.875rem;line-height:1.8}.session-output{margin-top:16px;background:#eaf4f3;border-radius:3px;padding:10px 14px}.session-output strong{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;margin-right:12px;color:#17656a}.project-examples{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px 64px;margin-block:48px}.project-examples h4{margin-block:16px}.project-examples p{font-size:.9rem}.project-examples ul{padding:0;margin:0;list-style:none}.project-examples li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.project-examples li:first-child{padding-top:0}.project-examples li strong,.project-examples li span{display:block}.project-examples li span{margin-top:3px;color:#526563}.fine-print{font-size:.75rem!important;line-height:1.8;color:#5d6f6d}.project-examples .fine-print{grid-column:1/-1;max-width:none}.investment{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#eaf3f1;border-radius:4px;padding:32px;align-items:center}.price{font-size:2.6rem;font-weight:700;color:var(--teal);letter-spacing:-.04em;line-height:1.3;margin-top:12px}.price-note{font-size:.8rem}.investment>div+div{border-left:1px solid #c4d9d2;padding-left:32px;font-size:.875rem}.investment .button{margin-top:20px}.investment-note{max-width:100%!important;margin-top:20px}.future-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-top:84px}.future-heading h3{font-size:2.2rem;letter-spacing:-.04em;margin-top:12px}.future-heading>p{font-size:.875rem;color:#526563}.future-programs{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:32px 0 0}.future-programs li{border:1px solid #cfddda;border-radius:5px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;min-height:225px;background:#ffffff66}.future-programs li>span{font-size:.65rem;letter-spacing:.12em;color:#526563}.future-programs h4{font-size:1.12rem;letter-spacing:-.025em;line-height:1.45;margin:18px 0 28px}.future-programs li>p{font-size:.75rem;background:#e1eae6;padding:4px 10px;border-radius:3px;margin-top:auto;color:#47635b}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;margin:50px 0 0;padding:0}.method-steps li{border-top:2px solid var(--bright-teal);padding-top:20px}.method-steps li:nth-child(2){border-color:var(--coral)}.method-steps li:nth-child(3){border-color:var(--sage)}.method-steps li>span{font-size:2.6rem;font-weight:700;letter-spacing:-.05em;color:var(--teal)}.method-steps li:nth-child(2)>span{color:#b75438}.method-steps li:nth-child(3)>span{color:#567351}.method-steps h3{font-size:1.15rem;margin:10px 0}.method-steps p{font-size:.875rem;color:#526563}.method-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;background:var(--light);border-left:3px solid var(--sage);padding:30px 35px;margin-top:44px}.method-note h3{font-size:1.3rem;line-height:1.4}.method-note p{font-size:.9rem}.responsible-note{font-size:.8rem;color:#526563;margin-top:25px;max-width:800px}
@media(min-width:641px) and (max-width:1050px){.featured{padding:32px}.featured-top{gap:28px;grid-template-columns:1.15fr .85fr}.metrics{gap:28px}.lab-image{height:350px}.lab-intro{gap:40px}.future-programs{grid-template-columns:repeat(2,1fr)}.future-programs li{min-height:200px}.investment{padding:26px}.investment .button{gap:12px}.investment .eyebrow{font-size:.65rem}.method-steps{gap:20px}}
@media(max-width:640px){.site-header nav{font-size:.875rem;gap:12px}.featured-top,.lab-intro,.builds,.project-examples,.investment,.method-note{grid-template-columns:1fr}.featured-top{gap:28px}.lab-image{height:230px;order:-1;border-radius:4px 44px 4px 4px}.lab-details{margin-top:34px;padding-top:32px}.lab-intro{gap:22px}.lab-intro h4{font-size:1.8rem}.builds{gap:24px;margin-top:30px}.builds>div{display:grid;grid-template-columns:40px 1fr;column-gap:14px}.builds h4{margin:5px 0 10px}.builds p{grid-column:2}.curriculum-heading{margin-top:36px;display:block}.curriculum-heading>span{display:block;margin-top:8px}.t-acc-head{gap:14px;font-size:.875rem}.session-number{font-size:1rem}.t-acc-head small{font-size:.62rem;letter-spacing:.06em}.session-copy{padding:0 0 22px 32px}.session-output strong{display:block}.project-examples{gap:28px;margin-block:36px}.project-examples .fine-print{grid-column:auto}.investment{padding:24px 20px;gap:22px}.investment .eyebrow{font-size:.65rem}.price{font-size:2.2rem}.investment>div+div{border-left:0;border-top:1px solid #c4d9d2;padding:22px 0 0}.investment .button{gap:15px;width:100%;font-size:.8rem}.future-heading{display:block;margin-top:54px}.future-heading>p{margin-top:16px}.future-programs{grid-template-columns:1fr;gap:14px}.future-programs li{min-height:0;padding:24px}.future-programs h4{margin-bottom:22px}.method-steps{grid-template-columns:repeat(2,1fr);gap:30px 24px;margin-top:36px}.method-steps li>span{font-size:2.2rem}.method-steps h3{font-size:1rem}.method-note{gap:20px;padding:26px 22px}.hero-copy .button{display:inline-flex}}
.language-switch{display:flex;gap:2px;border:1px solid var(--line);padding:3px;border-radius:4px;font-size:.75rem;font-weight:700;flex-shrink:0}.language-switch a{padding:6px 9px;min-height:34px;display:flex;align-items:center}.language-switch a[aria-current]{background:var(--ink);color:white;border-radius:2px}.site-header nav{margin-left:auto;gap:26px}.site-header{gap:24px}html[lang='es-PA'] .hero h1{font-size:clamp(3.1rem,5.1vw,5rem)}
@media(max-width:900px){.site-header{gap:16px}.site-header nav{gap:16px}.site-header nav a.nav-contact{display:none}.hero h1{font-size:3.7rem}html[lang='es-PA'] .hero h1{font-size:3.3rem}}
@media(max-width:640px){.site-header{position:relative;gap:12px}.language-switch{position:absolute;right:0;top:20px}.site-header nav{margin:0;gap:15px}.hero h1{font-size:clamp(3rem,13vw,4.8rem)}html[lang='es-PA'] .hero h1{font-size:clamp(2.7rem,11.7vw,4.1rem)}.hero-visual figcaption{max-width:calc(100% - 24px)}html[lang='es-PA'] .featured h3{font-size:2rem}.hero-copy .button{font-size:.8rem;gap:22px}}
.cohort-title{font-size:1.8rem;line-height:1.3;letter-spacing:-.035em;color:var(--teal);margin-top:14px}.cohort-size{font-size:1rem;margin-top:12px}@media(max-width:640px){.cohort-title{font-size:1.5rem}}
