/* The course site keeps its sculptural black and brass identity. */
:root{--paper:#e4dbc9;--gold:#c7a875;--muted:#b5ad9f;--line:#d8c39a35}
body{background:#080807}
.masthead{background:#090909ed;border-bottom-color:#d8c39a30}
.masthead .brand{color:#e8dbc0}
.hero{background:#080807}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 45%,#ad7b3116,transparent 48%),repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#c7a87507 calc(20% - 1px),#c7a87507 20%)}
.hero-copy{left:7.6%;top:15%}
.hero-copy .eyebrow{border-left:2px solid var(--gold);padding-left:14px}
.hero-copy h1{font-size:clamp(76px,8.6vw,138px);line-height:.86;margin:37px 0 30px;letter-spacing:-6px;text-shadow:0 8px 42px #0008}
.hero-copy h1 em{color:#c8b18c}
.hero-subtitle{font-size:21px}
.hero-actions{margin-top:35px}
.primary{background:#c7ae82;border-color:#c7ae82}
.primary:hover{background:#e1cba4}
#geometry{opacity:.22}
.scene-caption{background:linear-gradient(90deg,#080807df,#08080755);border-left-color:#c7a875;padding:17px 22px;width:330px}
.scene-caption>span{color:#d4b27c}
.scene-caption h2{font-family:Georgia,'Microsoft JhengHei',serif;font-size:28px}
#chapters{border-color:#c7a87550;background:#080807bd;backdrop-filter:blur(9px)}
#chapters button.active{background:#c7a87519}
.course-intro{background:#14130f;border-color:#c7a8753b;grid-template-columns:.9fr 1.25fr;gap:8vw;position:relative}
.course-intro::before{content:"Ⅰ";position:absolute;top:20px;left:6.5%;font:240px/1 Georgia,serif;color:#c7a87509;pointer-events:none}
.course-intro h2{font-size:clamp(34px,3.4vw,54px);line-height:1.5}
.course-intro .editorial-copy{border-left:1px solid #c7a8754f;padding-left:6vw}
.editorial-copy p:first-child::first-letter{float:left;font:4.5em/.85 Georgia,serif;color:#c7a875;margin:9px 10px 0 0}
.library{background:#12110f;padding-top:110px}
.library .section-heading{padding-bottom:20px;border-bottom:1px solid #c7a87535}
.library .section-heading h2{font-size:clamp(31px,3.1vw,48px)}
.topic-filters{border-color:#c7a87535}
.topic-filters button[aria-pressed=true]{background:#c7a8751e}
.card{background:#1a1814;border:1px solid #c7a87532;transition:transform .3s,border-color .3s,box-shadow .3s}
.card:hover{transform:translateY(-5px);border-color:#c7a8758a;box-shadow:0 22px 42px #0007}
.card-image{overflow:hidden}
.card-image img{transition:transform .7s,filter .7s;filter:saturate(.82)}
.card:hover .card-image img{transform:scale(1.045);filter:saturate(1)}
.bridge{background:#1b1712;border-top:1px solid #c7a8753e}
.bridge h2{color:#e6dbc7}
.footer{background:#080807}
@media(max-width:1000px){.hero-copy h1{font-size:82px}.scene-caption{width:270px}.course-intro{gap:35px}.course-intro .editorial-copy{padding-left:35px}}
@media(max-width:680px){.hero-copy{left:6%;top:74px}.hero-copy h1{font-size:clamp(66px,16vw,78px);line-height:.91;margin:27px 0 20px}.hero-subtitle{font-size:16px}.hero-actions{margin-top:26px}.scene-caption{width:88%;padding:8px 15px}.scene-caption h2{font-size:22px}#chapters{backdrop-filter:none}.course-intro{display:block}.course-intro::before{font-size:170px}.course-intro .editorial-copy{border-left:0;border-top:1px solid #c7a8754f;padding:25px 0 0}.library{padding-top:65px}.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.card,.card-image img{transition:none}.card:hover .card-image img{transform:none}.card:hover{transform:none}}