.bde-site .mad-hero{padding-block:57px 36px}
.bde-site .mad-hero-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:36px}
.bde-site .mad-hero .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:22px}
.bde-site .mad-hero h1{font-size:clamp(89px,8.6vw,136px);line-height:.98;letter-spacing:-.025em}
.bde-site .mad-hero-subtitle{font:700 33px/1.3 BDEBarlow;margin-top:16px;color:#c4a5df}
.bde-site .mad-hero-invitation{padding-bottom:5px}
.bde-site .mad-hero-invitation p{font-size:17px;line-height:1.75;color:#cbbdd5}
.bde-site .mad-hero-invitation .text-link{margin-top:20px}
.bde-site .mad-hero figure img{width:100%;height:auto;border-radius:4px}
.bde-site.mad-page figcaption{font-size:9px;letter-spacing:1px;line-height:1.7;color:#bca8cd;margin-top:14px}
.bde-site .mad-story{background:#170e21;border-block:1px solid #8551ac3b}
.bde-site .mad-story-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}
.bde-site .mad-story h2{font-size:78px;line-height:1.03}
.bde-site .mad-story .prose{padding-top:2px}
.bde-site .mad-story .prose p.big-copy{font-size:23px;color:#eee4f5;line-height:1.6}
.bde-site .mad-collaboration{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:82px}
.bde-site .mad-collaboration img{width:100%;height:auto;border-radius:4px}
.bde-site .mad-collaboration h2{font-size:79px;line-height:1.01;margin-bottom:24px}
.bde-site .mad-collaboration .text-link{margin-top:22px}
.bde-site .mad-purpose{padding:72px 0;background:#1d102a;border-block:1px solid #8651ac3b}
.bde-site .mad-purpose h2{font-size:clamp(61px,6.2vw,94px);line-height:1.04}
.bde-site .mad-purpose-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:34px;max-width:1060px}
.bde-site .mad-purpose-copy p{font-size:17px;line-height:1.9;color:#cbbdd6}
.bde-site .mad-meeting{max-width:1030px;margin:0 0 50px}
.bde-site .mad-meeting img{width:100%;height:auto;border-radius:4px}
.bde-site .mad-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.bde-site .mad-film-heading{min-height:98px}
.bde-site .mad-film-heading h3{font-size:39px;line-height:1.1;margin-bottom:24px}
.bde-site .mad-film-heading .eyebrow{margin-bottom:14px}
.bde-site .mad-native{background:#0a080d;border:1px solid #8353a655;border-radius:8px;overflow:hidden;aspect-ratio:1}
.bde-site .mad-native video{display:block;width:100%;height:100%;object-fit:contain}
.bde-site .mad-native video:focus-visible{outline:3px solid #cdafff;outline-offset:-4px}
.bde-site .mad-youtube{aspect-ratio:16/9;position:relative;border-radius:8px;overflow:hidden;background:#140d1e;border:1px solid #8353a655}
.bde-site .mad-youtube>img,.bde-site .mad-youtube iframe{width:100%;height:100%;display:block;object-fit:contain;border:0}
.bde-site .mad-youtube iframe:focus-visible{outline:3px solid #cdafff;outline-offset:-4px}
.bde-site .mad-load-film{position:absolute;inset:0;border:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:linear-gradient(transparent,#0a061352);color:white;cursor:pointer;font:700 11px/1.4 BDEInter;letter-spacing:.6px}
.bde-site .mad-load-film>span:last-child{background:#20122dec;padding:10px 14px;border-radius:6px}
.bde-site .mad-play-symbol{display:grid;place-items:center;width:64px;height:64px;background:#582787;border:1px solid #bd8de966;border-radius:50%;font-size:23px;padding-left:4px;box-shadow:0 3px 24px #0008}
.bde-site .mad-load-film:hover .mad-play-symbol{background:#713da0}
.bde-site .mad-load-film:focus-visible{outline:3px solid #dcc3ff;outline-offset:-5px}
.bde-site .mad-load-film[hidden],.bde-site .mad-youtube>img[hidden],.bde-site .mad-close-film[hidden]{display:none}
.bde-site .mad-media-note{font-size:11px;line-height:1.7;color:#b7a6c5;margin-top:13px}
.bde-site .mad-youtube-link{font-size:10px;margin-top:10px}
.bde-site .mad-close-film{border:1px solid #9166ac;color:#d8b9ed;background:#21142d;padding:11px 15px;border-radius:8px;cursor:pointer;font:700 10px BDEInter;margin-left:18px}
.bde-site .mad-close-film:focus-visible{outline:3px solid #d4b3f1;outline-offset:4px}
.bde-site .mad-film-invitation{font:700 53px/1.05 BDEBarlow;margin-top:38px;letter-spacing:-.5px}
.bde-site .mad-community{background:#140e1b;border-block:1px solid #82549c3b}
.bde-site .mad-community .lesson-section-heading h2{font-size:65px;line-height:1.06}
.bde-site .mad-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.bde-site .mad-photo-grid>div{display:contents}
.bde-site .mad-photo-grid figure{min-width:0}
.bde-site .mad-photo-grid img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:4px}
.bde-site .mad-photo-grid>div>figure:first-child,.bde-site .mad-photo-grid>div>figure:last-child{grid-column:auto;width:auto;justify-self:stretch}
.bde-site .mad-gallery-caption{font-size:9px;color:#b7a5c4;letter-spacing:1px;margin-top:20px}
.bde-site .mad-closing{padding-block:77px 86px;text-align:center}
.bde-site .mad-closing h2{font-size:91px;line-height:1.02}
.bde-site .mad-closing>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#c8b9d4;max-width:660px;margin:27px auto 0}
.bde-site .mad-actions{display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}
@media(max-width:1100px){.bde-site .mad-hero h1{font-size:101px}
.bde-site .mad-story-grid{gap:50px}
.bde-site .mad-story h2{font-size:66px}
.bde-site .mad-collaboration{gap:42px}
.bde-site .mad-collaboration h2{font-size:71px}
.bde-site .mad-film-grid{gap:28px}
.bde-site .mad-film-heading h3{font-size:33px}
.bde-site .mad-purpose-copy{gap:42px}
.bde-site .mad-community .lesson-section-heading h2{font-size:56px}}
@media(max-width:800px){.bde-site .mad-hero{padding-top:42px}
.bde-site .mad-hero-heading{align-items:start;gap:25px}
.bde-site .mad-hero h1{font-size:86px;max-width:430px}
.bde-site .mad-hero-invitation{max-width:220px;padding-top:26px}
.bde-site .mad-hero-invitation p{font-size:15px}
.bde-site .mad-hero-subtitle{font-size:28px}
.bde-site .mad-hero .eyebrow{font-size:9px;letter-spacing:.8px}
.bde-site .mad-story-grid{gap:36px;grid-template-columns:1fr 1.2fr}
.bde-site .mad-story h2{font-size:60px}
.bde-site .mad-story .prose p{font-size:15px}
.bde-site .mad-story .prose p.big-copy{font-size:20px}
.bde-site .mad-collaboration{grid-template-columns:1fr 1fr;gap:32px}
.bde-site .mad-collaboration h2{font-size:65px}
.bde-site .mad-purpose h2{font-size:65px}
.bde-site .mad-purpose-copy{gap:30px}
.bde-site .mad-purpose-copy p{font-size:15px}
.bde-site .mad-film-grid{gap:24px}
.bde-site .mad-film-heading h3{font-size:32px}
.bde-site .mad-film-heading{min-height:113px}
.bde-site .mad-film-invitation{font-size:44px;margin-top:27px}
.bde-site .mad-close-film{margin-left:0;margin-top:12px}
.bde-site .mad-photo-grid{gap:20px}
.bde-site .mad-photo-grid>div{gap:20px}
.bde-site .mad-community .lesson-section-heading h2{font-size:50px}
.bde-site .mad-closing h2{font-size:80px}}
@media(max-width:600px){.bde-site .mad-hero{padding-block:34px 30px}
.bde-site .mad-hero-heading{display:block;margin-bottom:27px}
.bde-site .mad-hero h1{font-size:clamp(77px,19vw,112px);line-height:.98}
.bde-site .mad-hero h1 .accent{display:block}
.bde-site .mad-hero .eyebrow{font-size:9px;letter-spacing:.65px;margin-bottom:20px}
.bde-site .mad-hero-subtitle{font-size:28px;margin-top:17px}
.bde-site .mad-hero-invitation{padding-top:25px;max-width:unset}
.bde-site .mad-hero-invitation p{font-size:16px}
.bde-site .mad-hero-invitation p br{display:none}
.bde-site .mad-hero-invitation .text-link{margin-top:14px}
.bde-site.mad-page figcaption{font-size:8px;letter-spacing:.7px}
.bde-site .mad-story-grid,.bde-site .mad-collaboration,.bde-site .mad-purpose-copy,.bde-site .mad-film-grid{grid-template-columns:1fr}
.bde-site .mad-story-grid{gap:25px}
.bde-site .mad-story h2{font-size:62px}
.bde-site .mad-collaboration{gap:31px}
.bde-site .mad-collaboration h2{font-size:65px}
.bde-site .mad-purpose{padding-block:51px}
.bde-site .mad-purpose h2{font-size:clamp(37px,9.1vw,54px);line-height:1.12}
.bde-site .mad-purpose-copy{gap:18px;margin-top:26px}
.bde-site .mad-meeting{margin-bottom:34px}
.bde-site .mad-film-grid{gap:36px}
.bde-site .mad-film-heading{min-height:unset}
.bde-site .mad-film-heading h3{font-size:35px;margin-bottom:21px}
.bde-site .mad-film-heading .eyebrow{font-size:9px}
.bde-site .mad-film-invitation{font-size:48px;margin-top:28px}
.bde-site .mad-close-film{margin-left:17px}
.bde-site .mad-photo-grid{grid-template-columns:1fr;gap:18px}
.bde-site .mad-community .lesson-section-heading h2{font-size:48px}
.bde-site .mad-gallery-caption{font-size:8px;line-height:1.7}
.bde-site .mad-closing{padding-block:53px 61px}
.bde-site .mad-closing h2{font-size:clamp(53px,12.3vw,73px)}
.bde-site .mad-closing>p:not(.eyebrow){font-size:15px}
.bde-site .mad-actions{gap:18px}}
@media(max-width:360px){.bde-site .mad-hero .eyebrow{font-size:8px}
.bde-site .mad-story h2{font-size:57px}
.bde-site .mad-purpose h2{font-size:34px}
.bde-site .mad-community .lesson-section-heading h2{font-size:43px}
.bde-site .mad-closing h2{font-size:47px}
.bde-site .mad-close-film{margin-left:0;display:block}}

/* V114: make MAD context, archive dates and video guidance readable. */
.bde-site.mad-page[data-bde-site] .mad-hero .eyebrow,
.bde-site.mad-page[data-bde-site] .mad-film-heading .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.7px}
.bde-site.mad-page[data-bde-site] .mad-media-note{font-size:14px;line-height:1.65}
.bde-site.mad-page[data-bde-site] .mad-youtube-link{font-size:14px;line-height:1.6}

/* Keep the video close control comfortable to tap at every viewport. */
.bde-site.mad-page [data-kunbi-close]{min-height:44px;min-width:44px}