/* BDC edition: scoped to the supplied hero copy and the new explainer chapter. */
.hero .sub,.hero .hero-explanation{max-width:1040px}
.hero .hero-bdc-intro{display:block;margin-bottom:5px;color:#fae8f5}
.hero-bdc-intro strong{font-weight:700!important;color:inherit!important}
.hero-bdc-intro em{font-style:italic;text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:1px}
.hero-smart u{text-underline-offset:.15em;text-decoration-thickness:1px}
#learn .aw-tabs{gap:3px}
#learn .aw-tabs>button{padding-inline:12px}
#learn .aw-controls .aw-next span{white-space:normal;line-height:1.3}
#learn #aw-panel-bdc{display:block;overflow:visible;max-height:none}
#learn .bdc-switch{display:flex;justify-content:center;width:max-content;max-width:100%;margin:0 auto 22px;padding:5px;border:1px solid #d4aed33d;border-radius:50px;background:#100c1650;gap:4px}
#learn .bdc-switch button{min-height:44px;padding:9px 22px;border-radius:50px;color:#c8b7cf;background:transparent;font-size:17px;font-weight:600;line-height:1.3;transition:background .2s,color .2s}
#learn .bdc-switch button[aria-pressed=true]{color:#2c1832;background:linear-gradient(110deg,#f9d9ef,#e9acd7 65%,#d4b4ea);box-shadow:0 3px 14px #0002}
#learn .bdc-switch button:hover{color:#fff}
#learn .bdc-switch button[aria-pressed=true]:hover{color:#2c1832}
#learn .bdc-switch button span{margin-left:7px}
#learn .bdc-view{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px 34px;align-items:center}
#learn .bdc-explain{min-width:0;text-align:left;align-self:center}
#learn .bdc-explain .bdc-kicker{font-size:15px;line-height:1.4;font-weight:650;letter-spacing:.04em;color:#dfb6d7;margin:0 0 15px}
#learn .bdc-explain h3{font-size:clamp(34px,3.3vw,46px);line-height:1.13;letter-spacing:-.045em;margin:0 0 18px;text-wrap:balance}
#learn .bdc-explain>p:not(.bdc-kicker){font-size:21px;line-height:1.5;color:#d5c5de;max-width:540px;margin:0}
#learn .bdc-explain>p.bdc-punch{margin-top:20px;color:#f2d4e9;font-size:22px;font-weight:600;line-height:1.4}
#learn .bdc-office{min-width:0;border:1px solid #baa0c34a;background:linear-gradient(145deg,#43304780,#211729);border-radius:17px;padding:18px 22px 16px;position:relative;overflow:hidden}
#learn .bdc-symbols{position:absolute;pointer-events:none}
#learn .bdc-room-label{font-size:16px;line-height:1.4;text-align:center;color:#dfcfe5;padding-bottom:16px;border-bottom:1px solid #ceb5d32b;display:flex;align-items:center;justify-content:center;gap:9px}
#learn .bdc-room-dot{width:7px;height:7px;border-radius:50%;background:#edbad9;box-shadow:0 0 0 4px #dfb1d117;flex-shrink:0}
#learn .bdc-desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 15px;margin:15px 0 18px}
#learn .bdc-desk{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
#learn .bdc-desk svg{width:100%;max-width:115px;height:68px;display:block;margin-bottom:6px}
#learn .bdc-desk strong{font-size:18px;color:#f5e9f3;line-height:1.25;font-weight:600}
#learn .bdc-desk>span{font-size:13px;color:#bfaac8;line-height:1.4;margin-top:4px}
#learn .bdc-office-bottom{border-top:1px solid #ceb5d32b;padding-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#e5cce1;font-size:14px;line-height:1.3;text-align:center}
#learn .bdc-office-bottom i{font-style:normal;color:#a78cab}
#learn .bdc-overhead{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.15fr 1fr;border-block:1px solid #e3bddb28;margin-top:0;padding:16px 0;gap:22px}
#learn .bdc-overhead>div{padding:0 0 0 20px;border-left:1px solid #e3bddb28;min-width:0}
#learn .bdc-overhead>div:first-child{padding-left:0;border:0}
#learn .bdc-overhead strong{display:block;color:#f2d6e9;font-size:19px;line-height:1.3;margin-bottom:5px}
#learn .bdc-overhead span{display:block;color:#cdbbd5;font-size:17px;line-height:1.4}
#learn .bdc-bottom-line{grid-column:1/-1;text-align:center;color:#cdbbd5;font-size:20px;line-height:1.45;margin:0;text-wrap:balance}
#learn .bdc-bottom-line strong{font-weight:600;color:#f0cce5}
#learn .bdc-digital{min-width:0;position:relative;padding:0 10px;text-align:center}
#learn .bdc-digital-label{font-size:15px;letter-spacing:.04em;color:#dfb6d7;line-height:1.4;margin-bottom:13px}
#learn .bdc-brain{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:85%;margin:auto;padding:15px 12px;min-height:112px;border:1px solid #dda2d2;border-radius:15px;background:linear-gradient(120deg,#58344f,#302637);color:#f7e6f4;box-shadow:0 10px 35px #0b071624}
#learn .bdc-brain>span{font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.035em}
#learn .bdc-brain>strong{font-size:19px;line-height:1.3;font-weight:500}
#learn .bdc-brain>small{font-size:15px;line-height:1.4;color:#ddb7d6}
#learn .bdc-branch{height:25px;width:52%;margin:auto;position:relative;border-top:1px solid #bd99c278;margin-top:14px}
#learn .bdc-branch:before{content:'';position:absolute;bottom:100%;left:50%;height:14px;border-left:1px solid #bd99c278}
#learn .bdc-branch:after{content:'';position:absolute;inset:0;border-inline:1px solid #bd99c278}
#learn .bdc-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#learn .bdc-channels>button{border:1px solid #9770ba;border-radius:14px;padding:13px 9px;background:linear-gradient(120deg,#44325b,#2a2140);color:#fff;min-height:120px;display:grid;grid-template-columns:26px auto;justify-content:center;align-content:center;align-items:center;gap:7px 8px}
#learn .bdc-channels>button.bdc-channel-blue{background:linear-gradient(120deg,#1268b3,#164b7d);border-color:#4a9fe5}
#learn .bdc-channels svg{width:25px;height:25px;display:block}
#learn .bdc-channels strong{font-size:26px;line-height:1.2;font-weight:650}
#learn .bdc-channels span{grid-column:1/-1;font-size:16px;line-height:1.4;color:#e2ddf0}
#learn .bdc-work-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:16px auto 0;max-width:460px;color:#e7d5e9;font-size:16px;line-height:1.4}
#learn .bdc-work-list span:before{content:'✓';color:#d7a5d9;margin-right:5px;font-size:13px}
#learn .bdc-journey{margin:15px 0 0;font-size:19px;line-height:1.4;font-weight:600;color:#f0bde0;text-wrap:balance}
#learn .bdc-journey>span{color:#ac8cb7;padding-inline:5px}
#learn .bdc-scale{grid-column:1/-1;margin-top:2px;border-top:1px solid #e3bddb28;padding-top:18px;text-align:center}
#learn .bdc-scale>strong{display:block;font-size:23px;line-height:1.3;color:#f5d8ec;font-weight:650}
#learn .bdc-scale>p{font-size:19px;line-height:1.5;max-width:920px;margin:8px auto 0;color:#cebbd8;text-wrap:balance}
#learn .bdc-digital button:hover{filter:brightness(1.12)}
@media(max-width:1100px) and (min-width:1001px){
 #learn .bdc-view{gap:20px 24px}
 #learn .bdc-explain>p:not(.bdc-kicker){font-size:20px}
 #learn .bdc-office{padding:16px}
 #learn .bdc-desk-grid{gap:18px 8px}
 #learn .bdc-overhead{gap:12px}
 #learn .bdc-overhead>div{padding-left:12px}
}
@media(max-width:1000px){
 #learn .bdc-view{grid-template-columns:minmax(0,1fr);max-width:700px;margin:auto;gap:24px}
 #learn .bdc-explain{text-align:center}
 #learn .bdc-explain>p:not(.bdc-kicker){max-width:630px;margin-inline:auto}
 #learn .bdc-office,#learn .bdc-digital{width:100%;max-width:620px;margin:auto}
 #learn .bdc-overhead{gap:14px}
 #learn .bdc-overhead span{font-size:16px}
 #learn .bdc-overhead strong{font-size:18px}
}
@media(max-width:760px){
 .hero .hero-bdc-intro{margin-bottom:7px}
 .hero .sub{max-width:37ch}
 #learn .bdc-switch{margin-bottom:24px;padding:4px;gap:3px;width:100%}
 #learn .bdc-switch button{padding:10px 12px;font-size:15px;flex:1;min-height:48px}
 #learn .bdc-switch button span{margin-left:3px}
 #learn .bdc-explain .bdc-kicker{font-size:14px;margin-bottom:12px}
 #learn .bdc-explain h3{font-size:34px;margin-bottom:16px}
 #learn .bdc-explain>p:not(.bdc-kicker){font-size:19px}
 #learn .bdc-explain>p.bdc-punch{font-size:20px;margin-top:16px}
 #learn .bdc-office{padding:17px 12px}
 #learn .bdc-room-label{font-size:15px;padding-bottom:14px;gap:7px}
 #learn .bdc-desk-grid{gap:18px 10px}
 #learn .bdc-desk svg{height:62px}
 #learn .bdc-desk strong{font-size:17px}
 #learn .bdc-desk>span{font-size:12px}
 #learn .bdc-office-bottom{font-size:13px;gap:7px}
 #learn .bdc-overhead{grid-template-columns:1fr;padding-block:0;gap:0}
 #learn .bdc-overhead>div,#learn .bdc-overhead>div:first-child{border:0;border-bottom:1px solid #e3bddb1c;padding:13px 0;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px}
 #learn .bdc-overhead>div:last-child{border:0}
 #learn .bdc-overhead strong{font-size:17px;margin:0}
 #learn .bdc-overhead span{font-size:16px;line-height:1.45}
 #learn .bdc-bottom-line{font-size:19px}
 #learn .bdc-digital{padding:0}
 #learn .bdc-brain{width:94%;padding:16px 10px}
 #learn .bdc-brain>small{font-size:14px}
 #learn .bdc-channels{gap:12px}
 #learn .bdc-channels>button{padding:14px 8px;gap:8px 5px}
 #learn .bdc-channels strong{font-size:24px}
 #learn .bdc-channels span{font-size:15px}
 #learn .bdc-work-list{font-size:15px;gap:8px 12px}
 #learn .bdc-journey{font-size:19px}
 #learn .bdc-journey>span{padding-inline:0}
 #learn .bdc-scale>strong{font-size:22px}
 #learn .bdc-scale>p{font-size:18px}
}
@media(max-width:360px){
 #learn .bdc-switch button{font-size:14px;padding-inline:8px}
 #learn .bdc-switch button span{display:none}
 #learn .bdc-explain h3{font-size:30px}
 #learn .bdc-desk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 #learn .bdc-overhead>div,#learn .bdc-overhead>div:first-child{grid-template-columns:1fr;gap:5px}
 #learn .bdc-office-bottom{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 #learn .bdc-switch button{transition:none}
}

/* Hero headline only: the Legendary page's editorial scale and rose finish. */
#top > .hero > h1{
 max-width:1100px;
 font-size:clamp(44px,6vw,80px);
 font-weight:750;
 line-height:1.08;
 letter-spacing:-.05em;
 text-align:center;
 text-wrap:balance;
 color:#f5d9eb;
 background:linear-gradient(105deg,#fbeaf4 8%,#f0c7e1 39%,#efa7d3 74%,#f7dcea 100%);
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:none;
}
#top > .hero > h1 > .headline-line{
 display:block;
 background:none;
 color:inherit;
 white-space:normal;
 text-wrap:balance;
}
#top > .hero > h1 .headline-line em{
 background:none;
 color:inherit;
 font-style:italic;
 text-decoration:underline;
 text-decoration-color:#ebadd458;
 text-decoration-thickness:2px;
 text-underline-offset:.13em;
}
@media(max-width:1000px){
 #top > .hero > h1{font-size:clamp(44px,6.2vw,62px)}
}
@media(max-width:600px){
 #top > .hero > h1{font-size:clamp(36px,10.3vw,56px);line-height:1.1;letter-spacing:-.047em}
 #top > .hero > h1 > .headline-line{max-width:13ch;margin-inline:auto}
 #top > .hero > h1 > .headline-line + .headline-line{margin-top:.1em}
}

/* Narrower supporting copy, with the learning promise on its own line. */
#top > .hero .hero-bdc-intro{margin-bottom:10px}
#top > .hero .hero-bdc-intro .hero-new{
 font-weight:750;
 color:#ffd1ed;
 text-decoration-color:#efacd9;
 text-decoration-thickness:2px;
}
#top > .hero .hero-work-copy{
 display:block;
 max-width:800px;
 margin-inline:auto;
 text-wrap:balance;
}
#top > .hero .hero-work-copy,
#top > .hero .hero-smart{font-size:clamp(21px,1.7vw,24px);line-height:1.42}
#top > .hero .hero-smart{display:block;margin-top:8px}
@media(min-width:901px){
 #top > .hero > .sub{margin-bottom:16px}
 #top > .hero > .video-shell{max-width:var(--hero-video-width,min(920px,max(420px,calc((100svh - 410px)*1.7778))))}
}
@media(max-width:600px){
 #top > .hero .hero-bdc-intro{margin-bottom:12px}
 #top > .hero .hero-work-copy{max-width:32ch}
 #top > .hero .hero-work-copy,
 #top > .hero .hero-smart{font-size:20px;line-height:1.45}
 #top > .hero .hero-smart{margin-top:12px}
}
