@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101b30;--surface:#15263c;--surface-high:#1b3046;--ink:#f6f4ea;--muted:#b7c3ce;--amber:#ffbf47;--teal:#43d6ca;--line:#344a60;--font:'DM Sans',Arial,sans-serif;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;font-weight:800}h1{font-size:clamp(48px,5.2vw,78px);letter-spacing:-.055em;line-height:1.03}h2{font-size:clamp(32px,3.6vw,52px)}h3{font-size:25px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button{color:inherit}svg{display:block}img{max-width:100%}.wrap{width:calc(100% - 96px);max-width:1344px;margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;padding:12px 20px;background:var(--amber);color:var(--bg);z-index:100}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{padding:30px 0;display:flex;align-items:center;gap:35px;justify-content:space-between;position:relative;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;font-size:24px;letter-spacing:-.04em;font-weight:900;line-height:1.2}.brand span{height:5px;width:78px;background:var(--amber);margin-top:7px}.desktop-nav{display:flex;gap:35px;font-size:14px;font-weight:700}.desktop-nav a:hover,footer a:hover{color:var(--teal)}.header-actions{display:flex;gap:20px;align-items:center}.search-link svg,.search svg{width:23px;height:23px;fill:none;stroke:var(--teal);stroke-width:1.6}.search-link{padding:8px}#menu-toggle{display:none;background:none;border:0;padding:10px;width:42px}#menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}#mobile-menu[hidden]{display:none}#mobile-menu{display:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:530px;border-bottom:1px solid var(--line);isolation:isolate}.hero-copy{position:relative;z-index:2;padding:65px 0 53px;min-width:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}.hero .eyebrow{color:var(--muted);margin-bottom:27px;display:flex;gap:10px;align-items:center}.signal{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;flex-shrink:0}.hero-description{font-size:20px;line-height:1.5;max-width:540px;margin-top:25px;color:#d4dce3;letter-spacing:-.02em}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 21px;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:10px;line-height:1.4;min-height:47px;text-align:center}.amber{background:var(--amber);color:#101b30}.amber:hover{background:#ffcf75}.outline{background:transparent;border-color:var(--teal);color:var(--ink)}.outline:hover{background:#43d6ca15}.hero-note{color:var(--muted);font-size:11px;margin-top:33px}.hero-art{position:relative;min-width:0;overflow:hidden;align-self:stretch;margin-left:-30px;z-index:1}.hero-art img{position:absolute;bottom:-150px;width:105%;height:650px;max-width:none;object-fit:contain;object-position:bottom;left:-5%;filter:drop-shadow(0 12px 25px #0004);z-index:2}.art-band{position:absolute;inset:-25% -25%;transform:rotate(28deg);z-index:0}.band-teal{left:5%;right:60%;background:linear-gradient(180deg,#43d6ca55,#158d8d33)}.band-amber{left:62%;right:-10%;background:linear-gradient(180deg,#ffbf47d9,#ffbf4722)}.presenter-label{position:absolute;right:22px;bottom:22px;z-index:3;background:#101b30e8;border:1px solid var(--line);border-radius:30px;font-size:11px;padding:7px 13px;display:flex;gap:8px;align-items:center}.presenter-label>span{width:6px;height:6px;border-radius:50%;background:var(--teal)}.principles{display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:var(--muted);font-size:12px;font-weight:600;border-bottom:1px solid var(--line);gap:15px}.principles i{width:4px;height:4px;background:var(--amber);border-radius:50%;flex:none}.section{padding-block:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-heading .eyebrow{color:var(--teal);margin-bottom:12px}.section-description{font-size:14px;color:var(--muted);line-height:1.5}.subtle-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding-bottom:5px}.subtle-link:hover{color:var(--teal);border-color:var(--teal)}.feature-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.feature-image{position:relative;border:0;padding:0;background:#0b1424;aspect-ratio:16/9;width:100%;min-width:0;align-self:center}.feature-image img{width:100%;height:100%;object-fit:cover;display:block}.play{display:grid;place-items:center;position:absolute;bottom:20px;left:20px;width:48px;height:48px;padding-left:3px;border:1px solid #ffffff77;border-radius:50%;background:var(--amber);color:var(--bg);font-size:17px}.feature-copy{padding:32px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pill{display:inline-flex;align-items:center;padding:5px 11px;border-radius:30px;font-size:10px;line-height:1.4;font-weight:600;max-width:100%;white-space:normal}.teal{background:#43d6ca18;color:var(--teal);border:1px solid #43d6ca3a}.feature-copy h3{font-size:29px;line-height:1.17;margin:16px 0 12px;overflow-wrap:anywhere}.feature-copy>p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:16px}.meta{font-size:11px;color:var(--muted)}.feature-copy .subtle-link{margin-top:20px;color:var(--teal)}.title-button{border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit}.library-section{padding-top:12px}.library-controls{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:26px;padding-block:20px;border-block:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid var(--line);background:none;border-radius:30px;padding:8px 14px;font-size:11px;line-height:1.5;min-height:38px}.filter.active{background:var(--amber);border-color:var(--amber);color:var(--bg);font-weight:700}.filter:not(.active):hover{border-color:var(--teal)}.filter span{margin-left:9px}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);min-width:180px;max-width:250px}.search svg{width:18px;flex:none}.search input{border:0;background:transparent;padding:9px 0;color:var(--ink);width:100%;min-width:0;font-size:12px}.search input::placeholder{color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.thumb-button{display:block;border:0;padding:0;position:relative;aspect-ratio:16/9;width:100%;background:#0a1729;overflow:hidden}.thumb-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.thumb-button:hover img{transform:scale(1.025)}.thumb-button .play{width:36px;height:36px;bottom:12px;left:12px;font-size:13px}.duration{position:absolute;bottom:12px;right:12px;background:#071326e8;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.6}.card-copy{padding:21px;display:flex;flex-direction:column;flex:1;min-width:0}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-copy h3{font-size:21px;line-height:1.22;margin:15px 0 12px;overflow-wrap:anywhere}.card-copy p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:20px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--line);margin-top:auto}.card-bottom button{background:none;border:0;padding:0;font-size:11px;font-weight:600;color:var(--teal)}.place-tag{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.library-updated{font-size:10px;color:var(--muted);margin-top:24px}.empty-state{text-align:center;padding:40px 20px;border:1px dashed var(--line);border-radius:16px}.empty-state p{font-size:14px;color:var(--muted);margin:15px 0 24px}[hidden]{display:none!important}.brief-section{border:1px solid var(--line);border-radius:26px;background:linear-gradient(125deg,#173345,#111f34 75%);padding:44px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px}.brief-intro,.brief-list,.brief-row{min-width:0;overflow-wrap:anywhere}.brief-intro .eyebrow{color:var(--teal)}.brief-intro h2{font-size:clamp(38px,4.2vw,62px);line-height:1.04;margin:25px 0;letter-spacing:-.05em}.brief-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7;max-width:310px;margin-bottom:23px}.brief-art{display:flex;align-items:center;gap:20px;margin-top:48px;color:var(--muted)}.brief-art svg{width:90px;height:110px;fill:none;stroke:var(--amber);stroke-width:3}.brief-art span{font-size:14px;line-height:1.7}.brief-row{padding:24px 0;border-bottom:1px solid var(--line)}.brief-row:first-child{padding-top:0}.brief-row:last-child{border:0;padding-bottom:0}.brief-row .eyebrow{font-size:9px;color:var(--teal)}.brief-row h3{font-size:22px;line-height:1.25;margin:12px 0 10px}.brief-meta{font-size:10px;color:var(--muted);margin-bottom:15px}.brief-row a{font-size:11px;color:var(--teal);display:inline-flex;gap:24px;border-bottom:1px solid #43d6ca66;padding-bottom:5px}.coming{font-size:11px;color:var(--muted)}.about-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;padding-block:90px}.about-section .eyebrow{color:var(--teal);margin-bottom:26px}.about-section h2{font-size:44px;line-height:1.12}.about-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:20px}.about-copy p.large-copy{font-size:26px;line-height:1.3;color:var(--ink);letter-spacing:-.02em;margin-bottom:24px}.editorial{border:1px solid var(--line);border-radius:20px;padding:35px;display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr) minmax(0,1fr);gap:35px;background:var(--surface)}.editorial .eyebrow{color:var(--teal)}.editorial h3{font-size:23px;line-height:1.3}.editorial>p:last-child{font-size:13px;color:var(--muted);line-height:1.8}footer{padding-block:60px 30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}footer .brand{font-size:20px}footer>div>p{font-size:12px;color:var(--muted);margin-top:15px}footer nav{display:flex;justify-content:flex-end;gap:28px;font-size:12px}footer .copyright{font-size:9px;letter-spacing:.1em;color:var(--muted)}.back-top{justify-self:end;font-size:11px;color:var(--muted)}dialog{width:min(1000px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--bg);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#020915c9}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.dialog-top>.eyebrow{color:var(--teal)}.close{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50%;width:38px;height:38px;flex:none}.watch-heading{font-size:clamp(25px,4vw,42px);line-height:1.15;margin:16px 0;overflow-wrap:anywhere}.player{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:24px 0}.player video,.player>img{display:block;width:100%;max-height:55vh;object-fit:contain}.player-status{padding:18px 22px;font-size:14px}.player-status p{font-size:12px;color:var(--muted);margin-top:6px}.watch-summary{font-size:16px;line-height:1.7;color:var(--muted)}.watch-details{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.watch-details h3{font-size:22px}.watch-details summary{cursor:pointer;font-weight:600}.watch-details li{font-size:13px;margin:15px 0;overflow-wrap:anywhere;color:var(--muted)}.watch-details a{color:var(--teal);text-decoration:underline}.dialog-actions{margin-top:25px}.transcript{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding-top:18px;color:var(--muted)}
@media(min-width:1440px){.hero-copy{padding-top:80px;padding-bottom:70px}.hero{min-height:580px}.hero-art img{height:720px;bottom:-175px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:22px;font-size:12px}.brand{font-size:21px}.hero{min-height:500px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero-copy{padding-top:55px}h1{font-size:60px}.hero-art img{height:580px;bottom:-110px}.hero-description{font-size:18px}.hero .eyebrow{font-size:9px}.feature-copy{padding:25px}.feature-copy h3{font-size:25px}.library-controls{align-items:flex-start;flex-direction:column;gap:17px}.search{max-width:100%;width:100%}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-section{gap:45px;padding:34px}.about-section{gap:45px}.about-section h2{font-size:38px}.editorial{grid-template-columns:1fr 2fr;gap:24px}.editorial>p:last-child{grid-column:2}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{padding:22px 0;gap:12px}.brand{font-size:20px}.brand span{width:61px;height:4px;margin-top:5px}.desktop-nav{display:none}.header-actions{gap:8px}#menu-toggle{display:block}#mobile-menu{position:absolute;top:100%;left:0;right:0;z-index:20;padding:18px;background:var(--surface-high);border:1px solid var(--line);border-radius:0 0 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#mobile-menu a{padding:10px;font-size:14px;border-radius:7px}#mobile-menu a:hover{background:var(--bg)}.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy{padding:37px 8px 28px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:21px}h1{font-size:clamp(38px,10.8vw,70px);line-height:1.06;letter-spacing:-.05em}.hero-description{font-size:17px;line-height:1.5;margin-top:19px}.actions{gap:10px;margin-top:24px}.button{padding:12px 16px;font-size:12px;gap:10px}.hero-note{font-size:10px;margin-top:23px}.hero-art{height:330px;margin:0;border-radius:18px 18px 0 0;background:#142c3c}.hero-art img{height:490px;width:100%;left:0;bottom:-133px}.art-band{inset:-50% -20%;transform:rotate(30deg)}.band-teal{left:0;right:60%}.band-amber{left:65%;right:-30%}.presenter-label{bottom:16px;right:16px;font-size:10px}.principles{padding:18px 0;gap:10px;font-size:10px;flex-wrap:wrap;justify-content:center}.principles i{width:3px;height:3px}.section{padding-block:42px}.section-heading{align-items:flex-start;gap:15px;margin-bottom:22px}.section-heading .eyebrow{font-size:8px;margin-bottom:12px}.section-heading h2{font-size:32px}.latest-section .section-heading{display:block}.latest-section .subtle-link{margin-top:15px;font-size:11px}.feature-card{grid-template-columns:minmax(0,1fr);border-radius:18px}.feature-copy{padding:24px}.feature-copy h3{font-size:25px}.feature-copy>p{font-size:13px}.library-section{padding-top:0}.library-section .section-heading{display:block}.section-description{font-size:12px;margin-top:16px}.section-description br{display:none}.section-description br::after{content:' '}.library-controls{padding-block:17px;margin-bottom:22px}.filters{gap:7px}.filter{font-size:10px;padding:8px 12px;min-height:36px}.video-grid{grid-template-columns:minmax(0,1fr);gap:22px}.card-copy{padding:22px}.card-copy h3{font-size:23px}.card-copy p{font-size:13px}.pill{font-size:10px}.brief-section{width:calc(100% - 24px);padding:29px 23px;grid-template-columns:minmax(0,1fr);gap:35px;border-radius:22px}.brief-intro h2{font-size:clamp(36px,11.5vw,65px);line-height:1.06;margin:23px 0}.brief-intro>p:not(.eyebrow){font-size:14px}.brief-art{display:none}.brief-row{padding-block:24px}.brief-row h3{font-size:23px}.brief-meta{font-size:10px}.brief-row a{font-size:12px}.about-section{grid-template-columns:minmax(0,1fr);gap:27px;padding-block:55px}.about-section h2{font-size:36px}.about-copy p.large-copy{font-size:25px}.about-copy p{font-size:14px}.editorial{grid-template-columns:minmax(0,1fr);padding:28px;gap:23px}.editorial>p:last-child{grid-column:auto}footer{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:45px}footer nav{justify-content:flex-start;flex-wrap:wrap;gap:25px;font-size:12px}.back-top{justify-self:start}.copyright{margin-top:10px}dialog{padding:21px;border-radius:18px}.watch-heading{font-size:27px}.player-status{padding:18px}.watch-summary{font-size:14px}.watch-details ul,.watch-details ol{padding-left:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.arrow-icon{display:inline-block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none;vertical-align:middle}

/* White panel interiors with readable text and matching teal accents. */
.feature-card,.video-card,.brief-section,.editorial,dialog,#mobile-menu,.empty-state,.presenter-label{
  --surface:#fff;--surface-high:#fff;--ink:#172b3d;--muted:#4d6374;--teal:#086c68;--line:#b8cbd5;
  background:var(--surface);color:var(--ink);border-color:var(--line)
}
.brief-section{background:#fff}
.feature-image,.thumb-button{background:#fff}
.duration{color:#f6f4ea}
#mobile-menu a:hover{background:#f3f4f6}
.empty-state .outline{color:var(--ink)}

/* Improve readability of recurring captions and section labels. */
.eyebrow{font-size:12px}
.hero-note{font-size:13px}
.principles{font-size:14px}
.brief-row .eyebrow{font-size:11px}
@media(max-width:1100px){.hero .eyebrow{font-size:11px}}
@media(max-width:700px){
 .hero .eyebrow,.section-heading .eyebrow{font-size:10px}
 .hero-note,.principles{font-size:12px}
 /* Keep headroom above Fonu while retaining the cropped portrait composition. */
 .hero-art img{height:calc(100% + 110px);bottom:-130px}
}

/* Keep the introduction on two deliberate lines at every screen size. */
.hero-description>span{display:block;white-space:nowrap}

.brief-picker:hover{background:#d9f3f0;border-color:var(--teal)}
#brief-list{scroll-margin-top:24px}

.youtube-player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.youtube-fallback{margin:0 0 22px}

.brief-row .brief-preview-link{display:flex;width:fit-content;gap:14px;margin:0 0 16px;font-size:14px;font-weight:700;padding:8px 0}
.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Original first-page covers beside each brief, stacked on small screens. */
.brief-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:start}
.brief-row .brief-cover{display:block;border:1px solid var(--line);padding:0;width:112px;border-radius:5px;overflow:hidden;box-shadow:0 4px 12px #172b3d15;background:#fff}
.brief-cover img{display:block;width:100%;height:auto}
.brief-cover:hover{outline:2px solid var(--teal);outline-offset:3px}
.brief-info{min-width:0}
@media(max-width:1100px){.brief-row{grid-template-columns:90px minmax(0,1fr);gap:16px}.brief-row .brief-cover{width:90px}}
@media(max-width:700px){.brief-row{grid-template-columns:minmax(0,1fr);gap:20px}.brief-row .brief-cover{width:160px;max-width:100%}}