:root{--ink:#162b40;--blue:#124d8d;--light:#eef4f9;--line:#d5dfe8;--accent:#bd602f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:var(--blue);text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 6%;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:2px;line-height:1.4;color:var(--ink)}.brand img{width:46px;height:46px;object-fit:contain}.brand b{display:block;font-size:12px;letter-spacing:4px}nav{display:flex;gap:26px;font-size:15px}nav a{text-decoration:none}main{max-width:1320px;margin:auto}section{padding:70px 6%}h1,h2,h3{line-height:1.16;letter-spacing:-.025em;margin:0 0 22px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(2.6rem,4.5vw,4.3rem)}h2{font-size:clamp(2rem,3vw,3rem)}h3{font-size:1.25rem}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0 0 20px}.lead{font-size:19px;max-width:650px}.intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;padding-top:55px;padding-bottom:55px}.intro figure{margin:0}.intro figure img{width:100%;max-height:390px;object-fit:contain;background:#f3f6f8}.intro figcaption{font-size:12px;text-align:right;margin-top:9px;color:#576a7b}.button{display:inline-block;background:var(--blue);color:#fff;padding:12px 22px;text-decoration:none;border-radius:4px;margin:12px 0}.small{font-size:14px;color:#526779}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-head>p{font-size:15px}.tools{border-top:1px solid var(--line);padding:28px 0 8px}label{display:block;font-size:14px;font-weight:600}input{display:block;width:100%;padding:15px 18px;background:#f8fafc;border:1px solid #b8c8d7;border-radius:5px;margin-top:8px;color:var(--ink)}fieldset{border:0;margin:20px 0 0;padding:0}legend{font-size:14px;font-weight:600;margin-bottom:9px}#filters{display:flex;flex-wrap:wrap;gap:9px}button{border:1px solid #bcccdc;background:#fff;border-radius:4px;padding:8px 16px;cursor:pointer;color:var(--blue)}button.active{background:var(--blue);color:#fff;border-color:var(--blue)}#count{font-size:14px;color:#526779}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{text-align:left;border:1px solid var(--line);padding:23px;display:flex;flex-direction:column;gap:10px;color:var(--ink);transition:background .15s}.card:hover{background:var(--light);border-color:var(--blue)}.card .type{font-size:12px;letter-spacing:1px;font-weight:600;color:var(--blue);text-transform:uppercase}.card .name{font:25px/1.2 Georgia,serif}.card .meta{font-size:14px;color:#526779}.card .action{font-size:14px;color:var(--blue);margin-top:8px}.topics{background:var(--light)}.topiclinks{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px;margin:28px 0}.topiclinks a{padding:16px 0;border-bottom:1px solid #c3d2df;text-decoration:none;font-weight:500}details{border-top:1px solid var(--line);margin-top:28px;padding:20px 0}summary{cursor:pointer;font-weight:600}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about p:first-child{margin-top:0}.review{border-top:1px solid var(--line)}.recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 40px;margin-top:38px}.recommendations article{border-top:2px solid var(--line);padding-top:18px}.recommendations span{font-size:12px;letter-spacing:1px;color:var(--accent);font-weight:700}.recommendations h3{margin:12px 0}.recommendations p{font-size:16px}footer{background:#122b43;color:white;border:0;font-size:14px}footer .brand,footer a{color:#fff}dialog{width:min(850px,92vw);max-height:88vh;border:0;border-radius:8px;padding:32px;color:var(--ink);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#142c45bb}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:15px}.clip{padding:20px 0;border-top:1px solid var(--line)}.clip h3{margin-bottom:12px}.clip iframe{width:100%;aspect-ratio:16/9;border:0}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){header{align-items:start;flex-direction:column;padding:20px 6%}nav{gap:18px;flex-wrap:wrap;font-size:14px}.intro{grid-template-columns:1fr;gap:25px}.intro figure img{max-height:280px}section{padding:45px 6%}.section-head{display:block}.cards{grid-template-columns:repeat(2,1fr)}.about,.recommendations{grid-template-columns:1fr;gap:24px}.topiclinks{grid-template-columns:1fr}footer{align-items:start;flex-direction:column}dialog{padding:22px}}@media(max-width:450px){.cards{grid-template-columns:1fr}h1{font-size:2.5rem}}
[hidden]{display:none!important}.card{text-decoration:none}.topic-select{margin-top:22px;max-width:500px}select{display:block;width:100%;font:inherit;padding:12px;color:var(--ink);background:#fff;border:1px solid #b8c8d7;border-radius:4px;margin-top:8px}.topiclinks button{border:0;border-bottom:1px solid #c3d2df;border-radius:0;background:transparent;text-align:left;padding:16px 0;display:flex;justify-content:space-between;gap:20px}.topiclinks button:hover{color:#082b50;background:#dae7f1}.topiclinks button span{font-size:14px;color:#526779}.back{display:inline-block;margin-bottom:28px}.speaker-clips{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:35px 0}.clip-card{border:1px solid var(--line);border-radius:5px;padding:25px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:16px}.clip-card:hover{background:var(--light);border-color:var(--blue)}.cliptitle{font:26px/1.3 Georgia,serif}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags>span{background:var(--light);font-size:13px;padding:4px 9px;border-radius:3px}.action{font-size:14px;color:var(--blue)}.video-wrap{margin:28px 0 15px;background:#102b44}.video-wrap iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.transcript p{max-width:820px;white-space:pre-line}.related-title{margin-top:40px}.related{display:grid;gap:14px}.using{background:var(--light)}.empty{grid-column:1/-1;padding:30px;background:var(--light)}@media(max-width:650px){.speaker-clips{grid-template-columns:1fr}.tags>span{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.card{overflow:hidden}.card .portrait{display:block;width:calc(100% + 46px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 38%;margin:-23px -23px 14px;background:var(--light)}.speaker-portrait{width:min(380px,40%);height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 38%;float:right;margin:0 0 28px 32px;border-radius:5px}#detailview .video-wrap,#detailview .speaker-clips{clear:both}@media(max-width:650px){.speaker-portrait{float:none;display:block;width:100%;max-width:440px;margin:0 0 24px}}
/* Blue Deer: a scholarly library with a vivid visual identity. */
:root{--ink:#142b45;--blue:#154d99;--light:#edf4fb;--line:#cbd9e8;--accent:#9a4a21;--teal:#086975;--gold:#e3ad3c;--navy:#112b50}
body{background:#edf2f8;color:var(--ink);line-height:1.7}
header{background:#fff;border-bottom:4px solid var(--teal);padding:23px max(6%,calc((100vw - 1160px)/2));gap:32px}
.brand{font-weight:650;color:var(--navy);font-size:16px;letter-spacing:1.6px}.brand img{width:62px;height:62px}.brand b{font-size:13px;letter-spacing:3.5px;font-weight:500}
nav a{font-weight:600;padding:10px 0;border-bottom:2px solid transparent}nav a:hover,nav a:focus-visible{color:var(--teal);border-color:var(--gold)}
main{background:#fff;max-width:1320px}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;line-height:1.19}h3{line-height:1.35}p{max-width:75ch}.eyebrow{font-size:13px;letter-spacing:1.8px;color:var(--blue)}
.academic-hero{background:var(--navy);color:#fff;gap:55px;grid-template-columns:1.2fr 1fr;padding-top:58px;padding-bottom:58px;border-bottom:6px solid var(--gold);position:relative}
.academic-hero h1{font-size:clamp(2.6rem,4.4vw,4.1rem);max-width:650px}.academic-hero h1 em{color:#efbf56;font-weight:400}.academic-hero .eyebrow{color:#83dae4}.academic-hero .lead{color:#e2ecf9;line-height:1.75}.academic-hero .small{color:#c5d6ec}.academic-hero .button{background:var(--gold);color:#10294b;font-weight:650;border-radius:3px;padding:13px 24px}.academic-hero .button:hover{background:#f2c767}
.academic-hero figure{padding:13px;background:#fff;border:1px solid #c6a467;box-shadow:14px 14px 0 #ffffff0d}.academic-hero figure img{max-height:485px;object-fit:contain;background:#fff;display:block}.academic-hero figcaption{color:#435269;margin:9px 3px 0;font-size:13px}
#library{background:#fff}.section-head{padding-bottom:4px}.section-head>div{padding-left:75px;position:relative}.section-head>div::before{content:'';position:absolute;left:0;top:3px;width:54px;height:54px;background:url('logo.png') center/contain no-repeat}.section-head .eyebrow{margin-bottom:12px}.section-head h2{font-size:clamp(2rem,2.8vw,2.8rem)}
.tools{background:#eff5fb;padding:24px 26px;margin-top:22px;border:1px solid #c8d8e9;border-top:4px solid var(--teal);border-radius:4px}input{background:#fff;border-color:#92aeca}input:focus,select:focus{outline:3px solid #ddb150;outline-offset:2px}input::placeholder{color:#596d82}label,legend{font-size:15px}.topic-select{max-width:560px}button{border-color:#829eb9;font-size:15px}#filters button{padding:9px 15px}button.active{background:var(--blue);border-color:var(--blue)}#filters button:hover:not(.active){background:#dcecf7}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bb7a18;outline-offset:4px}
#count{font-weight:600;color:#435d77;margin:24px 0 17px}.cards{gap:24px}.card{background:#fff;border:1px solid #c9d7e5;border-bottom:4px solid var(--blue);border-radius:5px;gap:9px;box-shadow:0 3px 9px #17335208;transition:background .15s,border-color .15s,box-shadow .15s}.card:hover{background:#f2f7fc;box-shadow:0 7px 18px #17335215}.card[data-audience="High school"]{border-bottom-color:#086975}.card[data-audience="College"]{border-bottom-color:#154d99}.card[data-audience="Faculty"]{border-bottom-color:#765090}.card[data-audience="Partners"]{border-bottom-color:#b06a22}.card .type{color:#255783;font-size:13px;letter-spacing:.7px}.card[data-audience="High school"] .type{color:#075c67}.card[data-audience="Faculty"] .type{color:#674280}.card[data-audience="Partners"] .type{color:#925119}.card .name{font-size:27px;color:var(--navy)}.card .action{font-weight:650}.card .portrait{border-bottom:1px solid #c7d7e5}
.topics{background:#075563;color:#fff;border-top:5px solid #6fb7bd}.topics .eyebrow{color:#ffce75}.topics h2{color:#fff}.topics p{color:#e1f0f2}.topiclinks{gap:12px 24px}.topiclinks button{padding:16px 18px;color:#fff;background:#ffffff08;border:1px solid #77a9b2;border-radius:4px;font-size:16px;align-items:center}.topiclinks button span{color:#d0edf0;background:#003c49;border-radius:4px;min-width:29px;padding:1px 7px;text-align:center}.topiclinks button:hover{background:#176977;color:white;border-color:#ffce75}.topics details{border-color:#78a4ae}.topics summary{color:white}.topics details p{color:#e1f0f2}
.about{background:#f6f8fc;border-bottom:1px solid var(--line);gap:65px}.about h2{color:var(--navy)}.about h3{color:var(--teal);margin-top:30px;margin-bottom:10px}.story-deer{display:block;width:160px;height:160px;margin:35px 0 0}.about .small{border-left:3px solid var(--gold);padding-left:16px;color:#435d77}
.using{background:#fff;border-top:5px solid #e3ad3c}.recommendations{gap:25px}.recommendations article{background:#f1f6fb;border-top:3px solid var(--blue);padding:24px;border-radius:3px}.recommendations article:nth-child(2){border-top-color:var(--teal)}.recommendations article:nth-child(3){border-top-color:#765090}.recommendations article:nth-child(4){border-top-color:#b06a22}.recommendations h3{margin-top:0}.recommendations p:last-child{margin-bottom:0}
footer{background:var(--navy);border-top:5px solid var(--teal);padding-top:28px;padding-bottom:28px}footer .brand{color:#fff}footer p{color:#d6e4f5}footer>a:last-child{color:#f7ce79}
#detailview{border-top:5px solid var(--gold)}#detailview h1{color:var(--navy)}#detailview h2{font-size:clamp(1.7rem,2.6vw,2.5rem);max-width:800px}#detailview .eyebrow{color:var(--teal)}.speaker-portrait{border:6px solid #edf4fb;box-shadow:4px 4px 0 #dbb35b}.clip-card{border-top:4px solid var(--teal);background:#f8fbfd}.clip-card:hover{background:#edf5fa}.tags>span{color:#174d75;background:#e2eef8;font-size:14px}.tags>button{color:#155270;background:#e8f3f7}.video-wrap{border-radius:5px;overflow:hidden}.transcript{background:#f5f8fc;border:1px solid var(--line);border-left:4px solid var(--teal);padding:22px 26px;border-radius:4px}.transcript p{font-size:18px;line-height:1.85}.transcript .small{font-size:14px;line-height:1.7}.related a{padding:14px 18px;background:#edf4fb;border-left:3px solid var(--gold);text-decoration:none}.related a:hover{text-decoration:underline}
@media(max-width:760px){header{padding:20px 6%;gap:16px}.academic-hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}.academic-hero figure{max-width:370px;justify-self:center;width:100%}.academic-hero figure img{max-height:440px}.section-head>div{padding-left:0}.section-head>div::before{display:none}.tools{padding:20px 18px}.about{gap:30px}.story-deer{width:100px;height:100px;margin-top:20px}.topiclinks{gap:12px}.transcript{padding:19px}.cards{gap:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Quiet grain is painted into backgrounds; text and media stay crisp. */
body,header,main,section,footer,.tools,.card,.clip-card,.academic-hero figure,.recommendations article,.transcript,.related a,.empty,dialog,input,select,textarea,button,.button,.tags>span{
 background-image:url('surface-grain.svg');
 background-repeat:repeat;
 background-size:240px 240px;
}
.academic-hero,.topics,footer,button.active,.button{
 background-image:url('surface-grain.svg'),linear-gradient(115deg,rgba(255,255,255,.018),rgba(0,0,0,.022));
 background-size:240px 240px,100% 100%;
}
.card:hover,.clip-card:hover,#filters button:hover:not(.active),.topiclinks button:hover{
 background-image:url('surface-grain.svg');
 background-repeat:repeat;
 background-size:240px 240px;
}
@media print{body,header,main,section,footer,.tools,.card,.clip-card,.transcript,input,select,button,.button{background-image:none!important}}