/* Boston Nexus: an independent, editorial academic visual system. */
:root{--navy:#22262a;--navy2:#343337;--gold:#b99363;--cream:#f8f7f3;--ink:#242528;--crimson:#832a3a;--line:#d7d0c7}
body{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.site-header{height:100px;background:#0c213d;border-top:6px solid var(--crimson);border-bottom:1px solid #706c68;box-shadow:none;padding-inline:clamp(20px,5.5vw,96px)}
.site-header .brand{width:clamp(220px,23vw,285px)}
.menu-toggle{border:1px solid #b3aaa0;border-radius:0;color:#fff;font-family:Arial,Helvetica,sans-serif;letter-spacing:.1em;padding:11px 17px}
.menu-toggle:hover{background:#823044;border-color:#fff}
.nav{top:100px;background:#0c213d;border-top:4px solid var(--crimson);padding:22px clamp(20px,5.5vw,96px) 32px}
.nav a{font-family:Arial,Helvetica,sans-serif;font-size:.94rem;letter-spacing:.04em;color:#fff}
.nav a:hover,.nav a.active{color:#fff;border-bottom-color:#d9ac77;padding-left:4px}
.hero,.hero.home{background:linear-gradient(112deg,#271e23 0%,#4b2630 61%,#6d2c3c 100%);color:#fff;padding:clamp(65px,7vw,105px) 5.5% 70px;min-height:500px}
.hero.home{min-height:clamp(600px,78vh,760px)}
.hero:before,.hero:after{display:none}
.hero-top{border-top:3px solid #d4ad7e;color:#f0d1ad;font:700 .76rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.18em;padding-top:20px}
.hero.home .hero-top span:first-child{color:#f0d1ad}
.hero h1,.hero.home h1,.hero:not(.home) h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.05;color:#fff;text-align:left;text-wrap:balance}
.hero.home h1{font-size:clamp(3.5rem,7vw,7rem);max-width:1050px;margin:clamp(70px,9vw,125px) 0 clamp(72px,9vw,115px)}
.hero:not(.home) h1{font-size:clamp(3.2rem,6.3vw,6.3rem);max-width:1040px;margin:clamp(62px,7vw,96px) 0}
.hero-bottom{border-top:1px solid #dfbfa9;padding-top:26px}
.hero-bottom p{color:#f5e9e2;line-height:1.55}
.scroll-link{border:1px solid #e5c7a8;border-radius:0;color:#fff;padding:13px 20px}
.scroll-link:hover{background:#fff;color:#4b2630}
.chapter{background:#eee9e1;color:#454043;border-bottom:1px solid var(--line);font-size:.76rem}
.chapter span:first-child,.eyebrow,.section-index{color:#7f2e3a}
.photo-feature:after{background:linear-gradient(90deg,#211d23d9,#211d2320 82%)}
.photo-feature .eyebrow{color:#f2d6b5}
.pathways{background:#f2efe9}
.pathways-heading h2,.pathways a strong,.story h2,.questions-intro h2,.contents h2,.site-map-heading h2,.related-pages h2,.closing h2,.video-section-heading h2,.article-collection-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;color:var(--ink)}
.pathways a{border-left-color:#c8bcb0}
.pathways a:hover{background:#eae2d7}
.pathways a span,.directory-group h3,.directory-group a:hover,.contents a:hover,.contents a span{color:#7f2e3a}
.contents{background:#f1eee9;border-color:var(--line)}
.contents li{border-color:#d3cac0}
.contents a{font-family:Arial,Helvetica,sans-serif;font-weight:500}
.contents a:hover,.contents a:focus-visible{background:#e9e1d8;color:#642333}
.story{border-color:var(--line)}
.story:nth-child(even){background:#f1eee9}
.story h2{color:var(--ink)}
.story p{color:#454b50}
.questions{background:#2b3034}
.questions-intro h2,.question-grid h3{color:#fff;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}
.question-grid span{color:#e3b6a3}
.site-map,.related-pages{background:#f2efe9}
.directory-group a{border-color:#c8bfb5}
.closing{background:#e8e1da}
footer{background:#23262a;border-top:6px solid var(--crimson)}
.footer-directory .directory-group h3{color:#d8b48f}
.video-hero{background:#4b2630;padding:85px 5.5% 90px}
.video-hero .eyebrow{color:#f0d0b2}
.video-hero h1,.admin-heading h1{font:400 clamp(3.3rem,6vw,6rem)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.video-hero h1{margin:30px 0 18px}
.video-hero p{color:#f3e8e3}
.video-gallery-section{background:#f8f7f3;min-height:350px;padding-block:75px 100px}
.video-section-heading{border-color:#cfc5ba}
.video-section-heading h2{font:400 clamp(2.3rem,4vw,4.3rem)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em}
.video-section-heading>span{color:#7f2e3a}
.video-frame{background:#22262a}
.video-frame iframe,.video-frame video{width:100%;height:100%;border:0;display:block}
.video-card{border:1px solid #d0c7bc;box-shadow:0 9px 25px #2923240b}
.video-card-info h3{font:400 clamp(1.5rem,2.4vw,2.2rem)/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.video-original-link{display:inline-block;margin-top:18px;color:#7f2e3a;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}
.video-original-link:hover{color:#4d1824}
.video-empty{display:block;padding:clamp(28px,5vw,55px);background:#f1ece6;border-left:6px solid var(--crimson);color:#26282a;font:400 clamp(1.7rem,2.6vw,2.7rem)/1.2 Georgia,'Times New Roman',serif;max-width:790px}
.video-empty p{font:400 1.08rem/1.55 Arial,Helvetica,sans-serif;color:#4d555b;margin:16px 0 26px}
.video-empty-action,.video-manage{display:inline-block;background:var(--crimson);border:1px solid var(--crimson);border-radius:0;color:#fff;font:700 .94rem Arial,Helvetica,sans-serif;letter-spacing:.02em;padding:15px 23px;text-decoration:none}
.video-empty-action:hover,.video-manage:hover{background:#5c1b2a;color:#fff}
.admin-main{background:#f8f7f3}
.admin-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.admin-list-panel{grid-column:1/-1;margin-top:25px}
.upload-panel{border-color:#cec4b9;box-shadow:0 8px 24px #2923240a}
.upload-panel h2,.admin-list-heading h2{font:400 2.2rem/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
.upload-panel button{background:var(--crimson);font-family:Arial,Helvetica,sans-serif}
.upload-panel button:hover:not(:disabled){background:#5c1b2a}
.link-panel{align-self:start}
.share-toggle{border-radius:0!important}
.share-toggle:hover,.share-toggle:focus-visible{background:var(--crimson);border-color:var(--crimson)}
.article-card{border-color:#d2c7ba}
.article-collection{background:#f3efe9}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b44b55}
@media(max-width:1050px){.site-header{height:88px}.nav{top:88px}.site-header .brand{width:240px}}
@media(max-width:850px){.site-header{height:78px}.nav{top:78px}.admin-layout{grid-template-columns:1fr}.admin-list-panel{grid-column:auto;margin-top:0}}
@media(max-width:600px){.site-header .brand{width:min(215px,60vw)}.hero,.hero.home{min-height:520px;padding:65px 6% 55px}.hero.home h1{font-size:clamp(2.9rem,10vw,4.7rem);margin:75px 0}.hero:not(.home) h1{font-size:clamp(2.8rem,9.6vw,4.3rem);margin:72px 0}.video-hero{padding:70px 6%}.video-gallery-section{padding:65px 6% 85px}.video-empty{font-size:1.75rem}.video-grid{gap:25px}}

/* The video library begins on the first screen of the homepage. */
.hero.home{min-height:610px;padding-top:54px;padding-bottom:48px}
.home-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(35px,5vw,90px);align-items:center;margin:42px 0 38px}
.hero.home .home-hero-layout h1{font-size:clamp(3.15rem,5.15vw,5.9rem);line-height:1.07;margin:0;max-width:800px}
.home-featured-video{min-width:0;border-top:1px solid #d7af83;padding-top:15px}
.home-video-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#f0d1ad;font-size:.73rem;font-weight:700;letter-spacing:.13em}
.home-video-topline a{color:#fff;text-decoration:underline;text-underline-offset:4px;letter-spacing:.03em;white-space:nowrap}
.home-featured-video h2{font:400 1.65rem/1.16 Georgia,'Times New Roman',serif;color:#fff;margin:15px 0 16px}
.home-featured-player{aspect-ratio:16/9;background:#171c23;color:#f4e9dd;display:grid;place-items:center;overflow:hidden;text-align:center}
.home-featured-player iframe,.home-featured-player video{display:block;width:100%;height:100%;border:0}
.home-featured-info{padding-top:15px}
.home-video-source{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d6ad82}
.home-featured-details h3{font:400 clamp(1.18rem,1.7vw,1.6rem)/1.26 Georgia,'Times New Roman',serif;color:#fff;margin:9px 0}
.home-featured-details h3 a:hover,.home-video-topline a:hover,.home-video-original:hover{text-decoration:underline;text-underline-offset:4px}
.home-video-original{display:inline-block;color:#f1d0aa;font-size:.86rem;padding-block:5px}
.home-featured-info .share-bar{background:transparent;border:0;padding:6px 0 0;color:#fff}
.home-featured-info .share-caption{color:#e4c6ac}
.home-featured-info .share-toggle{border-color:#c8a383;color:#fff}
.home-featured-info .share-panel{color:#242528}
.home-videos-more[hidden]{display:none}
.home-videos-more{padding:65px 5.5% 80px;background:#f3eee7}
.home-videos-more-heading{max-width:1500px;margin:0 auto 30px;display:flex;align-items:end;gap:24px;border-bottom:1px solid #cbbcb0;padding-bottom:22px}
.home-videos-more-heading h2{font:400 clamp(2rem,3.8vw,3.8rem)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0 auto 0 0}
.home-videos-more-heading>a{border-bottom:1px solid #812e3d;padding-bottom:4px;color:#812e3d;font-weight:700}
.home-videos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1500px;margin:auto}
.home-video-card .video-frame{aspect-ratio:16/9}
.home-video-card .home-video-title{margin:10px 0 12px}
@media(max-width:1050px){.home-hero-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:28px}.hero.home .home-hero-layout h1{font-size:clamp(2.75rem,5.3vw,4.5rem)}.home-videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero.home{min-height:0;padding:32px 6% 38px}.home-hero-layout{grid-template-columns:1fr;margin:35px 0 30px;gap:30px}.hero.home .home-hero-layout h1{font-size:clamp(2.55rem,9vw,4.2rem);margin:0}.home-featured-video h2{font-size:1.5rem}.home-videos-more{padding:50px 6%}.home-videos-more-heading{display:block}.home-videos-more-heading h2{margin:12px 0}.home-videos-grid{grid-template-columns:1fr}}
