/*
 * Boundlearn Outcomes — desktop editorial experience.
 * Ownership: Outcomes page at desktop widths only. Mobile and tablet legacy
 * content remains available until its dedicated responsive review.
 */

.bl-outcomes-editorial {
  display:none;
}

.bl-outcomes-legacy {
  display:block;
}

@media (min-width:1181px) {
  :root {
    --bl-ot-navy:#0B1221;
    --bl-ot-ink:#111B2E;
    --bl-ot-paper:#FBF8F2;
    --bl-ot-cream:#F5F2EC;
    --bl-ot-coral:#CF765E;
    --bl-ot-teal:#4F8E7F;
    --bl-ot-lilac:#9A86BC;
    --bl-ot-gold:#D4AF37;
    --bl-ot-gutter:clamp(72px,8vw,126px);
    --bl-ot-edge:max(var(--bl-ot-gutter),calc((100vw - 1440px)/2));
  }

  .bl-outcomes-page {
    margin:0;
    overflow-x:clip;
    background:var(--bl-ot-paper)!important;
    color:var(--bl-ot-ink);
    font-family:'Manrope',system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
  }

  .bl-outcomes-page *,
  .bl-outcomes-page *:before,
  .bl-outcomes-page *:after {
    box-sizing:border-box;
  }

  .bl-outcomes-page a {
    text-decoration:none;
  }

  .bl-outcomes-header.bl-content-header {
    position:sticky;
    top:0;
    z-index:90;
    min-height:71px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:13px max(56px,calc((100vw - 1440px)/2));
    background:rgba(11,18,33,.97);
    border:0;
    border-bottom:1px solid rgba(212,175,55,.2);
    backdrop-filter:blur(12px);
  }

  .bl-outcomes-brand {
    display:flex;
    align-items:center;
  }

  .bl-outcomes-brand img {
    width:auto;
    height:22px;
    filter:brightness(0) invert(1);
  }

  .bl-outcomes-header .bl-desktop-nav {
    display:flex!important;
    align-items:center;
    gap:29px;
  }

  .bl-outcomes-header .bl-desktop-nav a {
    color:#E2E8F0;
    font-size:13.5px;
    font-weight:550;
    transition:color .22s ease,transform .22s ease;
  }

  .bl-outcomes-header .bl-desktop-nav a:hover,
  .bl-outcomes-header .bl-desktop-nav a.is-current {
    color:var(--bl-ot-gold);
  }

  .bl-outcomes-header .bl-desktop-nav a:active {
    transform:translateY(1px);
  }

  .bl-outcomes-header .bl-desktop-nav .bl-outcomes-apply {
    padding:10px 22px;
    color:var(--bl-ot-navy);
    background:var(--bl-ot-gold);
    border-radius:8px;
    font-size:13px;
    font-weight:800;
  }

  .bl-outcomes-header .bl-desktop-nav .bl-outcomes-apply:hover {
    color:var(--bl-ot-navy);
    background:#E2C15A;
  }

  .bl-outcomes-editorial {
    display:block;
    overflow:clip;
    background:var(--bl-ot-paper);
  }

  .bl-outcomes-legacy {
    display:none!important;
  }

  .bl-outcomes-editorial a:focus-visible {
    outline:3px solid var(--bl-ot-gold);
    outline-offset:5px;
  }

  .bl-ot-kicker {
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--bl-ot-coral);
    font-size:11px;
    line-height:1;
    font-weight:850;
    letter-spacing:.2em;
    text-transform:uppercase;
  }

  .bl-ot-kicker:before {
    content:"";
    width:44px;
    height:2px;
    flex:0 0 auto;
    background:currentColor;
    clip-path:polygon(0 25%,100% 0,95% 76%,4% 100%);
  }

  .bl-ot-hero {
    position:relative;
    isolation:isolate;
    min-height:calc(100svh - 71px);
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:92px var(--bl-ot-edge) 86px;
    color:var(--bl-ot-paper);
    background:var(--bl-ot-navy);
  }

  .bl-ot-hero:before {
    content:"";
    position:absolute;
    inset:-2.5%;
    z-index:-2;
    background:url('/assets/media/boundlearn/boundlearn-outcomes-canvas-landscape-v1.png') center/cover no-repeat;
    transform:scale(1.03);
  }

  .bl-ot-hero:after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
      linear-gradient(90deg,rgba(5,14,28,.18),rgba(5,14,28,.04) 54%,rgba(5,14,28,.2)),
      radial-gradient(circle at 42% 46%,rgba(11,18,33,.04),rgba(11,18,33,.5) 82%);
  }

  .bl-ot-hero-inner {
    width:min(710px,58vw);
  }

  .bl-ot-hero .bl-ot-kicker {
    color:#F2A28D;
  }

  .bl-ot-hero h1 {
    display:flex;
    flex-direction:column;
    margin:24px 0 0;
    color:var(--bl-ot-paper);
    font-size:clamp(70px,7vw,100px);
    line-height:.88;
    font-weight:790;
    letter-spacing:-.065em;
  }

  .bl-ot-hero h1 em {
    position:relative;
    width:max-content;
    margin-top:10px;
    color:#F2A28D;
    font-style:normal;
  }

  .bl-ot-hero h1 em:after {
    content:"";
    position:absolute;
    right:-30px;
    bottom:-9px;
    left:6px;
    height:9px;
    background:var(--bl-ot-coral);
    clip-path:polygon(0 30%,99% 0,96% 66%,4% 100%);
    opacity:.84;
  }

  .bl-ot-hero p {
    max-width:55ch;
    margin:34px 0 0;
    color:rgba(245,242,236,.84);
    font-size:17px;
    line-height:1.7;
    text-wrap:pretty;
  }

  .bl-ot-hero-link {
    display:inline-flex;
    align-items:center;
    gap:15px;
    margin-top:34px;
    color:var(--bl-ot-paper)!important;
    font-size:11px;
    line-height:1;
    font-weight:850;
    letter-spacing:.15em;
    text-transform:uppercase;
    transition:transform .22s ease,color .22s ease;
  }

  .bl-ot-hero-link:before {
    content:"";
    width:58px;
    height:1px;
    background:#F2A28D;
  }

  .bl-ot-hero-link:hover {
    color:#F2A28D!important;
    transform:translateX(4px);
  }

  .bl-ot-hero-marker {
    position:absolute;
    right:36px;
    bottom:32px;
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(245,242,236,.48);
    font-size:9px;
    font-weight:800;
    letter-spacing:.15em;
  }

  .bl-ot-hero-marker i {
    width:84px;
    height:1px;
    background:linear-gradient(90deg,var(--bl-ot-coral),var(--bl-ot-gold),var(--bl-ot-teal),var(--bl-ot-lilac));
  }

  .bl-ot-intro {
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(390px,.74fr);
    gap:clamp(80px,10vw,160px);
    align-items:end;
    overflow:hidden;
    padding:130px var(--bl-ot-edge) 146px;
    background-color:var(--bl-ot-paper);
    background-image:
      radial-gradient(circle at 2% 12%,rgba(207,118,94,.16),transparent 24%),
      radial-gradient(circle at 98% 88%,rgba(79,142,127,.15),transparent 26%);
  }

  .bl-ot-intro:after {
    content:"";
    position:absolute;
    right:7%;
    bottom:40px;
    width:120px;
    height:120px;
    z-index:-1;
    border:1px solid rgba(11,18,33,.18);
    border-radius:50%;
    box-shadow:0 0 0 38px rgba(11,18,33,.027),0 0 0 74px rgba(11,18,33,.018);
  }

  .bl-ot-intro h2 {
    max-width:12ch;
    margin:24px 0 0;
    color:var(--bl-ot-ink);
    font-size:clamp(54px,5.5vw,80px);
    line-height:.98;
    font-weight:770;
    letter-spacing:-.058em;
    text-wrap:balance;
  }

  .bl-ot-intro-copy p {
    max-width:48ch;
    margin:0;
    color:#435064;
    font-size:16px;
    line-height:1.75;
    text-wrap:pretty;
  }

  .bl-ot-intro-copy p + p {
    margin-top:22px;
  }

  .bl-ot-journeys {
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(420px,.86fr) minmax(560px,1.14fr);
    gap:clamp(64px,7vw,110px);
    min-height:980px;
    overflow:hidden;
    padding:124px var(--bl-ot-edge) 132px;
    color:var(--bl-ot-paper);
    background:var(--bl-ot-navy);
  }

  .bl-ot-journeys:before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:url('/assets/media/boundlearn/boundlearn-outcomes-canvas-landscape-v1.png') center/cover no-repeat;
    opacity:.34;
    transform:scale(1.08) rotate(180deg);
  }

  .bl-ot-journeys:after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(11,18,33,.9),rgba(11,18,33,.7) 50%,rgba(11,18,33,.5));
  }

  .bl-ot-journeys .bl-ot-kicker {
    color:#F2A28D;
  }

  .bl-ot-journeys h2 {
    max-width:11ch;
    margin:24px 0 0;
    color:var(--bl-ot-paper);
    font-size:clamp(54px,5.4vw,76px);
    line-height:.98;
    font-weight:770;
    letter-spacing:-.058em;
    text-wrap:balance;
  }

  .bl-ot-journeys-lede {
    max-width:50ch;
    margin:26px 0 0;
    color:rgba(245,242,236,.73);
    font-size:16px;
    line-height:1.7;
    text-wrap:pretty;
  }

  .bl-ot-outcome-list {
    margin-top:52px;
    border-top:1px solid rgba(245,242,236,.18);
  }

  .bl-ot-outcome-list article {
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:20px;
    padding:25px 0 27px;
    border-bottom:1px solid rgba(245,242,236,.18);
  }

  .bl-ot-outcome-list article > span {
    padding-top:4px;
    color:#F2A28D;
    font-size:11px;
    font-weight:850;
    letter-spacing:.18em;
  }

  .bl-ot-outcome-list h3 {
    margin:0;
    color:var(--bl-ot-paper);
    font-size:22px;
    line-height:1.15;
    font-weight:720;
    letter-spacing:-.035em;
  }

  .bl-ot-outcome-list p {
    max-width:48ch;
    margin:10px 0 0;
    color:rgba(245,242,236,.67);
    font-size:13.5px;
    line-height:1.62;
    text-wrap:pretty;
  }

  .bl-ot-portrait-stage {
    position:relative;
    align-self:center;
    width:100%;
    min-height:710px;
  }

  .bl-ot-orbit {
    position:absolute;
    top:68px;
    right:4%;
    width:540px;
    height:540px;
    border:1px solid rgba(245,242,236,.21);
    border-radius:50%;
    box-shadow:0 0 0 68px rgba(245,242,236,.025),0 0 0 132px rgba(245,242,236,.016);
  }

  .bl-ot-dots {
    position:absolute;
    top:20px;
    left:2%;
    width:132px;
    height:110px;
    opacity:.52;
    background-image:radial-gradient(circle,#F2A28D 1.4px,transparent 1.8px);
    background-size:14px 14px;
  }

  .bl-ot-portrait {
    position:absolute;
    z-index:2;
    margin:0;
    overflow:hidden;
    background:#05080E;
    box-shadow:22px 30px 60px rgba(0,0,0,.34);
  }

  .bl-ot-portrait img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }

  .bl-ot-portrait--jay {
    top:18px;
    right:0;
    width:350px;
    height:410px;
    clip-path:polygon(2% 0,98% 3%,100% 94%,5% 100%,0 18%);
    transform:rotate(2.2deg);
  }

  .bl-ot-portrait--hala {
    bottom:30px;
    left:0;
    width:390px;
    height:438px;
    clip-path:polygon(3% 2%,97% 0,100% 92%,3% 100%,0 17%);
    transform:rotate(-2.5deg);
  }

  .bl-ot-portrait--ariya {
    right:2%;
    bottom:0;
    z-index:4;
    width:300px;
    height:338px;
    clip-path:polygon(3% 0,100% 4%,96% 100%,0 94%);
    transform:rotate(1.5deg);
  }

  .bl-ot-hand-note {
    position:absolute;
    right:19%;
    top:46%;
    z-index:6;
    padding:13px 22px;
    color:var(--bl-ot-navy);
    background:#F2A28D;
    clip-path:polygon(2% 8%,98% 0,100% 86%,4% 100%);
    font-family:'Cinzel',serif;
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
    transform:rotate(-3deg);
  }

  .bl-ot-numbers {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:126px var(--bl-ot-edge) 138px;
    background-color:var(--bl-ot-paper);
    background-image:
      radial-gradient(circle at 0 8%,rgba(207,118,94,.17),transparent 25%),
      radial-gradient(circle at 100% 92%,rgba(154,134,188,.15),transparent 27%);
  }

  .bl-ot-numbers:after {
    content:"";
    position:absolute;
    right:-90px;
    top:-110px;
    z-index:-1;
    width:360px;
    height:360px;
    border:1px solid rgba(11,18,33,.16);
    border-radius:50%;
    box-shadow:0 0 0 68px rgba(11,18,33,.023),0 0 0 134px rgba(11,18,33,.015);
  }

  .bl-ot-numbers-heading {
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(370px,.7fr);
    gap:clamp(80px,10vw,160px);
    align-items:end;
  }

  .bl-ot-numbers h2 {
    max-width:13ch;
    margin:24px 0 0;
    color:var(--bl-ot-ink);
    font-size:clamp(54px,5.4vw,78px);
    line-height:.98;
    font-weight:770;
    letter-spacing:-.058em;
    text-wrap:balance;
  }

  .bl-ot-numbers-heading > p {
    max-width:49ch;
    margin:0 0 6px;
    color:#435064;
    font-size:16px;
    line-height:1.72;
    text-wrap:pretty;
  }

  .bl-ot-number-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 38px;
    margin-top:78px;
    border-top:1px solid rgba(11,18,33,.17);
  }

  .bl-ot-number-grid article {
    min-height:270px;
    display:flex;
    flex-direction:column;
    padding:34px 4px 32px;
    border-bottom:1px solid rgba(11,18,33,.17);
  }

  .bl-ot-number-grid article:nth-child(3n + 2) {
    transform:translateY(18px);
  }

  .bl-ot-number-grid strong {
    display:block;
    color:var(--bl-ot-coral);
    font-size:clamp(56px,5vw,72px);
    line-height:.92;
    font-weight:790;
    letter-spacing:-.06em;
    font-variant-numeric:tabular-nums;
  }

  .bl-ot-number-grid article:nth-child(2) strong,
  .bl-ot-number-grid article:nth-child(5) strong {
    color:var(--bl-ot-teal);
  }

  .bl-ot-number-grid article:nth-child(3) strong,
  .bl-ot-number-grid article:nth-child(6) strong {
    color:var(--bl-ot-lilac);
  }

  .bl-ot-number-grid span {
    max-width:31ch;
    margin-top:20px;
    color:#364458;
    font-size:14px;
    line-height:1.62;
    text-wrap:pretty;
  }

  .bl-ot-number-grid small {
    margin-top:auto;
    padding-top:22px;
    color:#7A8493;
    font-size:10px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .bl-ot-number-note {
    max-width:76ch;
    margin:42px 0 0;
    color:#6C7787;
    font-size:11px;
    line-height:1.65;
  }

  .bl-ot-universities {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:126px var(--bl-ot-edge) 148px;
    background:
      linear-gradient(rgba(251,248,242,.86),rgba(251,248,242,.92)),
      url('/assets/media/boundlearn/boundlearn-editorial-canvas.png') center/cover no-repeat;
  }

  .bl-ot-universities:before {
    content:"";
    position:absolute;
    left:-130px;
    bottom:-170px;
    z-index:-1;
    width:520px;
    height:460px;
    background:rgba(207,118,94,.2);
    clip-path:polygon(3% 12%,46% 0,91% 17%,100% 72%,68% 96%,17% 100%,0 59%);
    transform:rotate(8deg);
  }

  .bl-ot-universities:after {
    content:"";
    position:absolute;
    top:-140px;
    right:-120px;
    z-index:-1;
    width:480px;
    height:450px;
    background:rgba(154,134,188,.2);
    clip-path:polygon(7% 6%,67% 0,96% 27%,100% 81%,56% 100%,12% 89%,0 42%);
    transform:rotate(-9deg);
  }

  .bl-ot-universities-heading {
    max-width:980px;
    margin-inline:auto;
    text-align:center;
  }

  .bl-ot-universities-heading .bl-ot-kicker {
    justify-content:center;
  }

  .bl-ot-universities h2 {
    margin:24px auto 0;
    color:var(--bl-ot-ink);
    font-size:clamp(54px,5.3vw,76px);
    line-height:.98;
    font-weight:770;
    letter-spacing:-.058em;
    text-wrap:balance;
  }

  .bl-ot-universities-heading > p {
    max-width:64ch;
    margin:27px auto 0;
    color:#435064;
    font-size:16px;
    line-height:1.72;
    text-wrap:pretty;
  }

  .bl-ot-logo-wall {
    width:min(1140px,100%);
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:26px 24px;
    margin:76px auto 0;
    padding:20px 14px 30px;
  }

  .bl-ot-logo-wall figure {
    position:relative;
    min-height:152px;
    display:grid;
    place-items:center;
    margin:0;
    padding:26px 28px;
    background:rgba(255,255,255,.78);
    clip-path:polygon(2% 4%,97% 0,100% 91%,4% 100%,0 21%);
    filter:drop-shadow(10px 13px 18px rgba(11,18,33,.11));
    transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease;
  }

  .bl-ot-logo-wall figure:before {
    content:"";
    position:absolute;
    top:0;
    right:11%;
    left:7%;
    height:6px;
    background:var(--logo-accent,var(--bl-ot-coral));
    clip-path:polygon(0 30%,100% 0,95% 76%,3% 100%);
    opacity:.72;
  }

  .bl-ot-logo-wall figure:nth-child(1) { --logo-accent:#A94B5D; transform:translateY(9px) rotate(-1.5deg); }
  .bl-ot-logo-wall figure:nth-child(2) { --logo-accent:#CF765E; transform:translateY(-10px) rotate(1.2deg); }
  .bl-ot-logo-wall figure:nth-child(3) { --logo-accent:#D4AF37; transform:translateY(6px) rotate(-.6deg); }
  .bl-ot-logo-wall figure:nth-child(4) { --logo-accent:#4F8E7F; transform:translateY(-5px) rotate(1.7deg); }
  .bl-ot-logo-wall figure:nth-child(5) { --logo-accent:#4F8E7F; transform:translateY(-3px) rotate(1.1deg); }
  .bl-ot-logo-wall figure:nth-child(6) { --logo-accent:#9A86BC; transform:translateY(13px) rotate(-1.6deg); }
  .bl-ot-logo-wall figure:nth-child(7) { --logo-accent:#CF765E; transform:translateY(-7px) rotate(.7deg); }
  .bl-ot-logo-wall figure:nth-child(8) { --logo-accent:#A94B5D; transform:translateY(8px) rotate(-1.1deg); }
  .bl-ot-logo-wall figure:nth-child(9) { --logo-accent:#D4AF37; transform:translateY(2px) rotate(1.4deg); }
  .bl-ot-logo-wall figure:nth-child(10) { --logo-accent:#4F8E7F; transform:translateY(-11px) rotate(-1.2deg); }
  .bl-ot-logo-wall figure:nth-child(11) { --logo-accent:#9A86BC; transform:translateY(9px) rotate(.8deg); }
  .bl-ot-logo-wall figure:nth-child(12) { --logo-accent:#CF765E; transform:translateY(-4px) rotate(-1.6deg); }
  .bl-ot-logo-wall figure:nth-child(13) { --logo-accent:#A94B5D; transform:translateY(12px) rotate(1.1deg); }
  .bl-ot-logo-wall figure:nth-child(14) { --logo-accent:#D4AF37; transform:translateY(-8px) rotate(-.7deg); }
  .bl-ot-logo-wall figure:nth-child(15) { --logo-accent:#4F8E7F; transform:translateY(5px) rotate(1.5deg); }
  .bl-ot-logo-wall figure:nth-child(16) { --logo-accent:#9A86BC; transform:translateY(-2px) rotate(-1deg); }
  .bl-ot-logo-wall figure:nth-child(17) { --logo-accent:#CF765E; transform:translateY(10px) rotate(.9deg); }
  .bl-ot-logo-wall figure:nth-child(18) { --logo-accent:#D4AF37; transform:translateY(-7px) rotate(-1.3deg); }
  .bl-ot-logo-wall figure:nth-child(19) { --logo-accent:#4F8E7F; transform:translateY(4px) rotate(1.1deg); }
  .bl-ot-logo-wall figure:nth-child(20) { --logo-accent:#A94B5D; transform:translateY(-10px) rotate(-.8deg); }
  .bl-ot-logo-wall figure:nth-child(21) { --logo-accent:#9A86BC; transform:translateY(7px) rotate(1.5deg); }
  .bl-ot-logo-wall figure:nth-child(22) { --logo-accent:#CF765E; transform:translateY(-3px) rotate(-1.1deg); }
  .bl-ot-logo-wall figure:nth-child(23) { --logo-accent:#D4AF37; transform:translateY(11px) rotate(.7deg); }
  .bl-ot-logo-wall figure:nth-child(24) { --logo-accent:#4F8E7F; transform:translateY(-5px) rotate(-1.4deg); }

  .bl-ot-logo-wall figure:hover {
    transform:translateY(-6px) rotate(0deg);
    filter:drop-shadow(14px 18px 22px rgba(11,18,33,.15));
  }

  .bl-ot-logo-wall img {
    width:100%;
    max-width:180px;
    max-height:78px;
    display:block;
    object-fit:contain;
    filter:saturate(.82) contrast(1.02);
  }

  .bl-ot-cta {
    position:relative;
    isolation:isolate;
    min-height:620px;
    display:grid;
    place-items:center;
    overflow:hidden;
    padding:112px var(--bl-ot-edge) 122px;
    text-align:center;
    background:var(--bl-ot-paper);
  }

  .bl-ot-cta:before {
    content:"";
    position:absolute;
    inset:-3%;
    z-index:-2;
    background:url('/assets/media/boundlearn/boundlearn-contact-canvas-landscape-v1.png') center/cover no-repeat;
    opacity:.9;
  }

  .bl-ot-cta:after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(circle at center,rgba(251,248,242,.85) 0 27%,rgba(251,248,242,.46) 58%,transparent 82%);
  }

  .bl-ot-cta > div {
    width:min(790px,78vw);
  }

  .bl-ot-cta h2 {
    margin:24px 0 0;
    color:var(--bl-ot-ink);
    font-size:clamp(56px,5.8vw,82px);
    line-height:.96;
    font-weight:780;
    letter-spacing:-.062em;
    text-wrap:balance;
  }

  .bl-ot-cta p {
    max-width:56ch;
    margin:26px auto 0;
    color:#455267;
    font-size:16px;
    line-height:1.7;
  }

  .bl-ot-cta-actions {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    margin-top:34px;
  }

  .bl-ot-cta-actions a {
    min-width:190px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 26px;
    font-size:11px;
    line-height:1;
    font-weight:850;
    letter-spacing:.14em;
    text-transform:uppercase;
    transition:transform .22s ease,color .22s ease;
  }

  .bl-ot-cta-actions a:first-child {
    color:var(--bl-ot-paper)!important;
    background:var(--bl-ot-coral);
    clip-path:polygon(2% 4%,98% 0,100% 90%,4% 100%,0 22%);
  }

  .bl-ot-cta-actions a:last-child {
    color:var(--bl-ot-teal)!important;
    border-bottom:1px solid currentColor;
  }

  .bl-ot-cta-actions a:hover {
    transform:translateY(-3px) rotate(-.4deg);
  }

  .bl-outcomes-footer.bl-hub-footer {
    position:relative;
    z-index:2;
    font-family:'Manrope',system-ui,sans-serif;
  }

  .bl-outcomes-footer a {
    transition:color .22s ease;
  }

  .bl-outcomes-footer a:hover {
    color:var(--bl-ot-gold)!important;
  }
}

/* Native high-resolution composition. The approved desktop system above remains
   authoritative below 1800px. */
@media (min-width:1800px) {
  .bl-native-wide .bl-ot-hero {
    min-height:calc(100svh - clamp(82px,4.2vw,108px));
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--bl-wide-gap);
    align-items:center;
    padding:clamp(110px,7vw,178px) var(--bl-wide-edge) clamp(104px,6vw,154px);
  }

  .bl-native-wide .bl-ot-hero:before {
    background-image:url('/assets/media/boundlearn/boundlearn-outcomes-canvas-native-wide-v1.png');
    background-position:center 46%;
    transform:scale(1.015);
  }

  .bl-native-wide .bl-ot-hero:after {
    background:
      linear-gradient(90deg,rgba(5,14,28,.27),rgba(5,14,28,.02) 58%,rgba(5,14,28,.13)),
      radial-gradient(circle at 37% 48%,rgba(11,18,33,.03),rgba(11,18,33,.44) 88%);
  }

  .bl-native-wide .bl-ot-hero-inner {
    width:auto;
    grid-column:1 / span 6;
    align-self:center;
  }

  .bl-native-wide .bl-ot-kicker {
    gap:clamp(12px,.62vw,16px);
    font-size:var(--bl-wide-label);
  }

  .bl-native-wide .bl-ot-kicker:before {
    width:clamp(48px,2.3vw,58px);
  }

  .bl-native-wide .bl-ot-hero h1 {
    max-width:7.2ch;
    margin-top:clamp(28px,1.45vw,37px);
    font-size:var(--bl-wide-display);
    line-height:.86;
  }

  .bl-native-wide .bl-ot-hero h1 em {
    margin-top:clamp(11px,.65vw,16px);
  }

  .bl-native-wide .bl-ot-hero p {
    max-width:56ch;
    margin-top:clamp(35px,1.8vw,46px);
    font-size:var(--bl-wide-body);
    line-height:1.72;
  }

  .bl-native-wide .bl-ot-hero-link {
    gap:clamp(16px,.8vw,20px);
    margin-top:clamp(36px,1.9vw,48px);
    font-size:var(--bl-wide-label);
  }

  .bl-native-wide .bl-ot-hero-link:before {
    width:clamp(62px,3.1vw,78px);
  }

  .bl-native-wide .bl-ot-hero-marker {
    right:var(--bl-wide-edge);
    bottom:clamp(34px,1.8vw,46px);
    font-size:clamp(9px,.42vw,11px);
  }

  .bl-native-wide .bl-ot-hero-marker i {
    width:clamp(94px,4.4vw,112px);
  }

  .bl-native-wide .bl-ot-intro {
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--bl-wide-gap);
    align-items:end;
    padding:var(--bl-wide-section-y) var(--bl-wide-edge);
  }

  .bl-native-wide .bl-ot-intro > div:first-child {
    grid-column:1 / span 6;
  }

  .bl-native-wide .bl-ot-intro-copy {
    grid-column:8 / -1;
    padding-bottom:clamp(7px,.4vw,10px);
  }

  .bl-native-wide .bl-ot-intro h2,
  .bl-native-wide .bl-ot-journeys h2,
  .bl-native-wide .bl-ot-numbers h2,
  .bl-native-wide .bl-ot-universities h2,
  .bl-native-wide .bl-ot-cta h2 {
    font-size:var(--bl-wide-h2);
  }

  .bl-native-wide .bl-ot-intro h2 {
    max-width:11.5ch;
  }

  .bl-native-wide .bl-ot-intro-copy p {
    max-width:52ch;
    font-size:var(--bl-wide-body);
    line-height:1.76;
  }

  .bl-native-wide .bl-ot-intro:after {
    right:var(--bl-wide-edge);
    bottom:clamp(50px,3vw,76px);
    width:clamp(142px,7.5vw,192px);
    height:clamp(142px,7.5vw,192px);
  }

  .bl-native-wide .bl-ot-journeys {
    min-height:auto;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--bl-wide-gap);
    align-items:center;
    padding:var(--bl-wide-section-y) var(--bl-wide-edge);
  }

  .bl-native-wide .bl-ot-journeys:before {
    background-image:url('/assets/media/boundlearn/boundlearn-outcomes-canvas-native-wide-v1.png');
    background-position:center 52%;
    transform:scale(1.035) rotate(180deg);
  }

  .bl-native-wide .bl-ot-journeys-copy {
    grid-column:1 / span 5;
  }

  .bl-native-wide .bl-ot-journeys h2 {
    max-width:10.5ch;
    margin-top:clamp(28px,1.45vw,37px);
  }

  .bl-native-wide .bl-ot-journeys-lede {
    max-width:50ch;
    margin-top:clamp(28px,1.45vw,37px);
    font-size:var(--bl-wide-body);
  }

  .bl-native-wide .bl-ot-outcome-list {
    margin-top:clamp(54px,3vw,76px);
  }

  .bl-native-wide .bl-ot-outcome-list article {
    grid-template-columns:clamp(54px,2.8vw,70px) minmax(0,1fr);
    gap:clamp(20px,1.1vw,28px);
    padding:clamp(27px,1.4vw,36px) 0;
  }

  .bl-native-wide .bl-ot-outcome-list h3 {
    font-size:clamp(23px,1.1vw,28px);
  }

  .bl-native-wide .bl-ot-outcome-list p {
    max-width:48ch;
    font-size:clamp(14px,.66vw,16px);
    line-height:1.66;
  }

  .bl-native-wide .bl-ot-portrait-stage {
    grid-column:7 / -1;
    min-height:clamp(820px,40vw,1020px);
  }

  .bl-native-wide .bl-ot-orbit {
    top:8%;
    right:5%;
    width:clamp(620px,31vw,790px);
    height:clamp(620px,31vw,790px);
    box-shadow:0 0 0 clamp(76px,4vw,102px) rgba(245,242,236,.025),
      0 0 0 clamp(148px,7.5vw,192px) rgba(245,242,236,.016);
  }

  .bl-native-wide .bl-ot-dots {
    top:2%;
    left:1%;
    width:clamp(148px,7.5vw,192px);
    height:clamp(124px,6.2vw,160px);
  }

  .bl-native-wide .bl-ot-portrait--jay {
    top:1%;
    right:0;
    width:clamp(390px,18.5vw,474px);
    height:clamp(466px,22vw,564px);
  }

  .bl-native-wide .bl-ot-portrait--hala {
    bottom:3%;
    left:0;
    width:clamp(430px,20.5vw,525px);
    height:clamp(486px,23.3vw,596px);
  }

  .bl-native-wide .bl-ot-portrait--ariya {
    right:2%;
    bottom:0;
    width:clamp(334px,15.8vw,405px);
    height:clamp(378px,18vw,461px);
  }

  .bl-native-wide .bl-ot-hand-note {
    top:47%;
    right:18%;
    padding:clamp(14px,.75vw,19px) clamp(23px,1.2vw,31px);
    font-size:clamp(14px,.66vw,17px);
  }

  .bl-native-wide .bl-ot-numbers {
    padding:var(--bl-wide-section-y) var(--bl-wide-edge) calc(var(--bl-wide-section-y) + 10px);
  }

  .bl-native-wide .bl-ot-numbers-heading {
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--bl-wide-gap);
    align-items:end;
  }

  .bl-native-wide .bl-ot-numbers-heading > div {
    grid-column:1 / span 7;
  }

  .bl-native-wide .bl-ot-numbers-heading > p {
    grid-column:9 / -1;
    max-width:49ch;
    font-size:var(--bl-wide-body);
  }

  .bl-native-wide .bl-ot-numbers h2 {
    max-width:12.5ch;
    margin-top:clamp(28px,1.45vw,37px);
  }

  .bl-native-wide .bl-ot-number-grid {
    gap:0 var(--bl-wide-gap);
    margin-top:clamp(82px,4.3vw,110px);
  }

  .bl-native-wide .bl-ot-number-grid article {
    min-height:clamp(300px,15vw,384px);
    padding:clamp(38px,2vw,51px) clamp(5px,.3vw,8px);
  }

  .bl-native-wide .bl-ot-number-grid strong {
    font-size:clamp(72px,3.8vw,96px);
  }

  .bl-native-wide .bl-ot-number-grid span {
    max-width:34ch;
    margin-top:clamp(22px,1.2vw,30px);
    font-size:clamp(15px,.72vw,18px);
    line-height:1.64;
  }

  .bl-native-wide .bl-ot-number-grid small {
    font-size:clamp(10px,.48vw,12px);
  }

  .bl-native-wide .bl-ot-number-note {
    max-width:88ch;
    margin-top:clamp(46px,2.4vw,62px);
    font-size:clamp(11px,.52vw,13px);
  }

  .bl-native-wide .bl-ot-numbers:after {
    right:calc(var(--bl-wide-edge) * -1);
    width:clamp(410px,21vw,540px);
    height:clamp(410px,21vw,540px);
  }

  .bl-native-wide .bl-ot-universities {
    padding:var(--bl-wide-section-y) var(--bl-wide-edge) calc(var(--bl-wide-section-y) + 14px);
    background-image:
      linear-gradient(rgba(251,248,242,.86),rgba(251,248,242,.92)),
      url('/assets/media/boundlearn/boundlearn-editorial-canvas-native-wide-v1.png');
    background-position:center;
  }

  .bl-native-wide .bl-ot-universities-heading {
    max-width:clamp(1040px,51vw,1300px);
  }

  .bl-native-wide .bl-ot-universities h2 {
    margin-top:clamp(28px,1.45vw,37px);
  }

  .bl-native-wide .bl-ot-universities-heading > p {
    max-width:64ch;
    margin-top:clamp(29px,1.5vw,38px);
    font-size:var(--bl-wide-body);
  }

  .bl-native-wide .bl-ot-logo-wall {
    width:100%;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:clamp(24px,1.45vw,36px);
    margin-top:clamp(82px,4.3vw,110px);
    padding:clamp(20px,1vw,26px) clamp(14px,.7vw,18px) clamp(32px,1.6vw,41px);
  }

  .bl-native-wide .bl-ot-logo-wall figure {
    min-height:clamp(164px,8.5vw,205px);
    padding:clamp(27px,1.35vw,35px) clamp(25px,1.3vw,33px);
  }

  .bl-native-wide .bl-ot-logo-wall img {
    max-width:clamp(170px,8.6vw,220px);
    max-height:clamp(76px,3.8vw,98px);
  }

  .bl-native-wide .bl-ot-logo-wall figure:nth-child(odd) {
    translate:0 3px;
  }

  .bl-native-wide .bl-ot-logo-wall figure:nth-child(even) {
    translate:0 -3px;
  }

  .bl-native-wide .bl-ot-cta {
    min-height:clamp(720px,39vw,920px);
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:var(--bl-wide-gap);
    padding:var(--bl-wide-section-y) var(--bl-wide-edge);
  }

  .bl-native-wide .bl-ot-cta:before {
    background-image:url('/assets/media/boundlearn/boundlearn-contact-canvas-native-wide-v1.png');
    background-position:center;
    transform:scale(1.015);
  }

  .bl-native-wide .bl-ot-cta > div {
    grid-column:1 / -1;
    width:min(980px,calc(var(--bl-wide-canvas) * .48));
    margin-inline:auto;
  }

  .bl-native-wide .bl-ot-cta {
    min-height:clamp(760px,54vw,980px);
    padding:var(--bl-wide-section-y) var(--bl-wide-edge);
  }

  .bl-native-wide .bl-ot-cta:before {
    inset:0;
    background-image:url('/assets/media/boundlearn/boundlearn-contact-canvas-native-wide-v1.png');
    opacity:.92;
  }

  .bl-native-wide .bl-ot-cta h2 {
    max-width:12ch;
    margin:clamp(28px,1.45vw,37px) auto 0;
    font-size:clamp(84px,4.5vw,110px);
  }

  .bl-native-wide .bl-ot-cta p {
    max-width:56ch;
    margin-top:clamp(29px,1.5vw,38px);
    font-size:var(--bl-wide-body);
  }

  .bl-native-wide .bl-ot-cta-actions {
    gap:clamp(24px,1.2vw,31px);
    margin-top:clamp(38px,2vw,51px);
  }

  .bl-native-wide .bl-ot-cta-actions a {
    min-width:clamp(202px,10.2vw,260px);
    padding:clamp(17px,.9vw,23px) clamp(28px,1.45vw,37px);
    font-size:var(--bl-wide-label);
  }
}

@media (min-width:2400px) {
  .bl-native-wide .bl-ot-logo-wall {
    grid-template-columns:repeat(8,minmax(0,1fr));
  }

  .bl-native-wide .bl-ot-logo-wall figure {
    min-height:188px;
    padding-inline:26px;
  }

  .bl-native-wide .bl-ot-logo-wall img {
    max-width:190px;
    max-height:88px;
  }
}

@media (min-width:3200px) {
  .bl-native-wide .bl-ot-portrait-stage {
    min-height:clamp(1320px,36vw,1420px);
  }

  .bl-native-wide .bl-ot-orbit {
    width:clamp(1060px,29vw,1160px);
    height:clamp(1060px,29vw,1160px);
    box-shadow:0 0 0 clamp(120px,3.3vw,132px) rgba(245,242,236,.025),
      0 0 0 clamp(238px,6.5vw,260px) rgba(245,242,236,.016);
  }

  .bl-native-wide .bl-ot-portrait--jay {
    width:clamp(600px,16.4vw,656px);
    height:clamp(718px,19.6vw,784px);
  }

  .bl-native-wide .bl-ot-portrait--hala {
    width:clamp(650px,18vw,720px);
    height:clamp(736px,20.2vw,808px);
  }

  .bl-native-wide .bl-ot-portrait--ariya {
    width:clamp(500px,13.8vw,552px);
    height:clamp(568px,15.6vw,624px);
  }

  .bl-native-wide .bl-ot-outcome-list h3 {
    font-size:clamp(33px,.9vw,36px);
  }

  .bl-native-wide .bl-ot-outcome-list p {
    font-size:clamp(20px,.55vw,22px);
  }

  .bl-native-wide .bl-ot-number-grid article {
    min-height:clamp(460px,12.5vw,500px);
    padding:clamp(58px,1.6vw,64px) 8px;
  }

  .bl-native-wide .bl-ot-number-grid strong {
    font-size:clamp(116px,3.15vw,126px);
  }

  .bl-native-wide .bl-ot-number-grid span {
    font-size:clamp(21px,.58vw,23px);
  }

  .bl-native-wide .bl-ot-universities-heading {
    max-width:clamp(1840px,50vw,1940px);
  }

  .bl-native-wide .bl-ot-logo-wall {
    gap:clamp(34px,.95vw,38px);
    margin-top:clamp(124px,3.4vw,136px);
  }

  .bl-native-wide .bl-ot-logo-wall figure {
    min-height:clamp(244px,6.7vw,268px);
    padding:clamp(38px,1.05vw,42px);
  }

  .bl-native-wide .bl-ot-logo-wall img {
    max-width:clamp(250px,6.8vw,272px);
    max-height:clamp(112px,3.1vw,124px);
  }

  .bl-native-wide .bl-ot-cta {
    min-height:clamp(1320px,36vw,1420px);
  }

  .bl-native-wide .bl-ot-cta > div {
    width:min(1420px,calc(var(--bl-wide-canvas) * .44));
  }

  .bl-native-wide .bl-ot-cta h2 {
    font-size:clamp(132px,3.65vw,146px);
  }
}

@media (prefers-reduced-motion:reduce) {
  .bl-outcomes-editorial *,
  .bl-outcomes-editorial *:before,
  .bl-outcomes-editorial *:after {
    animation:none!important;
    scroll-behavior:auto!important;
  }
}