@font-face{font-family:Forma;src:url('assets/FormaDJRCyrillicMicro-Regular.ttf');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#a3b6a7;color:#e4e9df;font-family:Forma,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #d2ebae;outline-offset:-4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0;font-weight:400}img{max-width:100%}.notice{min-height:48px;border:2px solid #a3b6a7;background:#b6c9a9;border-radius:28px;color:#18271c;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;gap:20px;font-size:14px}.notice span{opacity:.65}.notice a{background:#11251b;color:#edf0e5;border-radius:24px;padding:7px 16px}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2px;padding:0 2px 2px}aside{min-width:0}.side{position:sticky;top:2px;display:flex;flex-direction:column;gap:2px;height:calc(100svh - 4px)}.side>a{border-radius:14px;background:#0b1712;padding:22px 16px}.side-brand img{filter:brightness(0) invert(1);width:195px}.side b{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:400;gap:10px}.side i,.formats i{font-style:normal;border-radius:50%;background:#c3d2bd;color:#17281c;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.side small{display:block;color:#9bab9e;margin-top:15px;font-size:12px}.side-note{color:#344b3d;font-size:21px;line-height:1.3;padding:28px 17px}.side .backtop{margin-top:auto;background:#cfdbcb;color:#203626}main{min-width:0}.hero{position:relative;overflow:hidden;background:#10271d;border-radius:4px;min-height:650px}.hero canvas{position:absolute;width:100%;height:100%;inset:0;opacity:.55}.hero>*:not(canvas){position:relative}.hero-nav{display:flex;justify-content:space-between;padding:25px 28px;color:#c1cec0;font-size:13px}.hero h1{width:82%;margin:32px auto 22px}.hero h1 img{filter:brightness(0) invert(1);width:100%;height:auto}.hero-copy{text-align:center;font-size:23px;line-height:1.3}.hero-art{height:355px;display:flex;align-items:center;justify-content:center;gap:45px;overflow:hidden}.hero-art>img{width:340px;height:340px;object-fit:cover;mix-blend-mode:luminosity;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 72%)}.hero-caption{font-size:30px;line-height:1.16}.hero-caption a{display:block;font-size:14px;border:1px solid #a0b79d;border-radius:40px;padding:14px 24px;margin-top:26px;text-align:center}.formats{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:2px}.formats>a{padding:28px;position:relative;background:#182d21;border-radius:4px}.formats>a:nth-child(2){background:#c3d0bb;color:#182b1d}.formats span,.about>span{font-size:11px;letter-spacing:.12em}.formats h2{font-size:34px;margin:20px 0 12px}.formats p{font-size:17px;line-height:1.4;opacity:.7}.formats i{position:absolute;right:25px;bottom:25px;width:40px;height:40px;background:#e5ebdc}.section-head{background:#0b1712;padding:40px 25px 20px;display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:2px}.section-head h2{font-size:38px}.section-head span,.group-label span{font-size:12px;color:#a0b29e}.filters{display:flex;flex-wrap:wrap;gap:7px;padding:0 25px 26px;background:#0b1712}.filters button{border:1px solid #536658;background:transparent;color:#bac8b7;padding:9px 15px;border-radius:30px;font-size:13px}.filters button.active{background:#c0d3b1;color:#142719;border-color:#c0d3b1}.group-label{background:#0b1712;margin-top:2px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;font-size:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:2px}.lecture{position:relative;background:radial-gradient(ellipse at 65% 100%,#385b47 0%,#142a1e 38%,#0b1712 72%);padding:25px 24px 0;border-radius:4px;min-height:470px;display:flex;flex-direction:column;overflow:hidden;transition:filter .2s}.lecture.is-interacting{filter:brightness(1.14)}.meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.pill{border:1px solid #738570;border-radius:30px;padding:7px 10px;font-size:11px;white-space:nowrap}.lecture h3{font-size:clamp(26px,2.4vw,38px);line-height:1.08;margin:24px 0 16px;max-width:430px}.lecture p{font-size:14px;line-height:1.4;color:#a9b9a5;max-width:300px}.lecture>img{display:block;width:255px;height:255px;object-fit:contain;margin:15px auto 0;filter:grayscale(1);mix-blend-mode:luminosity;mask-image:radial-gradient(ellipse at center,black 45%,transparent 72%)}.card-arrow{position:absolute;right:24px;bottom:24px;font-size:26px}.about{background:#c3d0bb;color:#203526;padding:42px 28px;margin-top:2px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.about>span{grid-column:1/-1}.about h1{font-size:48px;line-height:1.08}.about p{font-size:19px;line-height:1.45;align-self:end}footer{background:#0b1712;padding:25px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b2c0aa;margin-top:2px}.detail{padding:35px;background:#12291d;min-height:100vh}.return{display:inline-block;padding:14px 20px;border:1px solid currentColor;border-radius:30px;font-size:14px}.detail-top{display:flex;justify-content:space-between;gap:15px;margin-top:60px}.detail h1{font-size:clamp(40px,6vw,85px);line-height:1.04;margin:24px 0}.detail-art{width:min(480px,100%);aspect-ratio:1;background:url('assets/stone-palettes.webp') 0 0/200% 200%;margin:35px auto;border-radius:12px}.detail.purple{background:#291a30}.purple .detail-art{background-position:100% 0}.detail.teal{background:#102e36}.teal .detail-art{background-position:0 100%}.detail.rose{background:#392329}.rose .detail-art{background-position:100% 100%}.detail section{border-top:1px solid #ffffff40;padding:30px 0;max-width:750px}.detail h2{font-size:34px}.detail p{font-size:20px;line-height:1.5;margin:22px 0;color:#d1d5ca}@media(max-width:1199px){.layout{grid-template-columns:1fr}.side{height:auto;position:relative;flex-direction:row}.side>a{flex:1;padding:13px}.side .side-brand,.side-note,.side .backtop{display:none}.side small{margin-top:6px}.side b{font-size:14px}.hero{min-height:610px}.hero h1{max-width:800px}.hero-art{height:335px}}@media(max-width:600px){.notice{font-size:11px;gap:8px;padding:7px 10px}.notice span{display:none}.notice a{padding:6px 10px}.side small{display:none}.side b{font-size:12px}.side i{display:none}.hero-nav{font-size:11px;padding:20px 17px}.hero{min-height:530px}.hero h1{width:90%;margin-top:40px}.hero-copy{font-size:19px}.hero-art{height:300px;gap:0;padding:0 12px}.hero-art>img{width:52%;height:auto}.hero-caption{font-size:24px;width:48%}.hero-caption a{font-size:11px;padding:12px 8px}.formats>a{padding:20px 16px}.formats h2{font-size:25px}.formats p{font-size:13px}.formats i{display:none}.formats span{font-size:9px}.section-head{display:block;padding:30px 17px 17px}.section-head h2{font-size:31px;margin-bottom:12px}.filters{padding:0 17px 20px;gap:5px}.filters button{font-size:11px;padding:8px 10px}.group-label{padding:20px 17px;font-size:22px}.group-label span{font-size:10px;max-width:110px;text-align:right}.grid{grid-template-columns:1fr}.lecture{min-height:420px}.lecture h3{font-size:32px}.about{grid-template-columns:1fr;padding:30px 20px}.about h1{font-size:40px}.about p{font-size:17px}footer{font-size:10px}.detail{padding:25px 18px}.detail-top{margin-top:35px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Rounded catalogue and a unified navigation rail */
body{background:#101c16}.notice{margin:10px 12px;border:0;border-radius:24px;min-height:46px}.layout{padding:0 12px 12px;gap:12px;grid-template-columns:238px minmax(0,1fr)}.side{top:12px;height:calc(100svh - 24px);background:#192b20;border:1px solid #bad3ad16;border-radius:26px;padding:24px 12px;gap:7px}.side>a{border-radius:15px;background:none;padding:14px 12px}.side .side-brand{padding:5px 10px 25px}.side-brand img{width:185px}.nav-label{font-size:9px;letter-spacing:.15em;color:#9bb293;padding:0 12px 18px}.side .nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:#b7c9b0;transition:background .2s,color .2s}.side .nav-item:hover{background:#314b36;color:#f1f5e8}.side .nav-item.current{background:#c1d3b3;color:#1a301e}.side i{background:none;color:inherit;width:auto;height:auto;font-size:17px}.nav-divider{height:1px;background:#c4d6b921;margin:12px}.side-note{color:#8fa38a;font-size:17px;line-height:1.45;padding:30px 12px}.side .backtop{background:#233c2a;color:#b9cbb1;font-size:12px}.hero{border-radius:28px}.formats{gap:12px;margin-top:12px}.formats>a{border-radius:24px;padding:30px}.section-head{border-radius:25px 25px 0 0;margin-top:12px}.filters{border-radius:0 0 25px 25px}.group-label{border-radius:20px;margin-top:12px}.grid{gap:12px;margin-top:12px}.lecture{border-radius:26px;padding:26px 25px 0}.about{border-radius:26px;margin-top:12px}footer{border-radius:22px;margin-top:12px}.detail{border-radius:28px;overflow:hidden}.detail-art{border-radius:24px}@media(max-width:1199px){.layout{grid-template-columns:1fr}.side{height:auto;position:relative;top:0;padding:9px;border-radius:22px;flex-direction:row;gap:5px;overflow-x:auto;scrollbar-width:none}.side .nav-item{flex:1;white-space:nowrap;padding:13px 14px;font-size:13px;justify-content:center}.side i,.nav-label,.nav-divider{display:none}.hero{margin-top:0}}@media(max-width:600px){.notice{margin:8px;font-size:10px;padding:7px 12px}.layout{padding:0 8px 8px;gap:8px}.side{padding:6px;border-radius:20px}.side .nav-item{padding:11px 12px;font-size:11px;flex:0 0 auto}.hero{border-radius:23px}.formats{gap:8px;margin-top:8px}.formats>a{border-radius:21px;padding:22px 17px}.section-head{margin-top:8px;border-radius:22px 22px 0 0}.filters{border-radius:0 0 22px 22px}.group-label{margin-top:8px;border-radius:18px}.grid{gap:8px;margin-top:8px}.lecture{border-radius:23px}.about,footer{margin-top:8px;border-radius:22px}.detail{border-radius:23px}}
/* One living surface: mesh, typography and metal change together. */
.lecture{isolation:isolate;transition:color .65s ease;background:#14271c}.lecture.is-interacting{filter:none}.lecture .card-mesh{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.lecture:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#07120b90,transparent 80%);transition:opacity .65s}.lecture>.meta,.lecture>h3,.lecture>p,.lecture>.card-arrow{position:relative;z-index:2}.lecture>.card-arrow{position:absolute}.lecture>img{transition:filter .65s ease,transform .8s ease;filter:grayscale(1) brightness(1.1);mix-blend-mode:luminosity}.lecture p,.lecture .pill{transition:color .65s,border-color .65s}.lecture.is-interacting{color:#17351f}.lecture.is-interacting:after{opacity:0}.lecture.is-interacting p{color:#34553a}.lecture.is-interacting .pill{border-color:#34553a80}.lecture.is-interacting>img{filter:grayscale(1) sepia(.3) brightness(.83) contrast(1.22);transform:translateY(-5px)}@media(prefers-reduced-motion:reduce){.lecture,.lecture *,.lecture:after{transition:none!important}.lecture.is-interacting>img{transform:none}}
/* Hover must lift the entire surface, including the darkest mesh pockets. */
.lecture{background:#14271c;transition:background-color .45s ease,color .45s ease}.lecture .card-mesh{opacity:1;transition:opacity .45s ease,filter .45s ease}.lecture.is-interacting{background:#dcebc9;color:#142c19}.lecture.is-interacting .card-mesh{opacity:.23;filter:brightness(1.6) saturate(.65)}.lecture.is-interacting:after{opacity:0}.lecture.is-interacting p{color:#29452e}.lecture.is-interacting .meta{color:#29452e}.lecture.is-interacting .pill{border-color:#29452e70}.lecture.is-interacting>img{filter:grayscale(1) brightness(.85) contrast(1.15)}
.hero h1.metal-wordmark{width:100%;max-width:none;margin:8px auto 0;line-height:0}.hero h1.metal-wordmark img{width:100%;height:auto;display:block;filter:none;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)}@media(max-width:600px){.hero h1.metal-wordmark{margin:20px auto 15px}.hero h1.metal-wordmark img{width:100%;max-width:100%}}
.hero h1.metal-wordmark img{mask-image:none;-webkit-mask-image:none}
.hero .dialogue-art{height:auto;min-height:300px;padding:20px 5% 0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.hero .dialogue-art>img{width:min(720px,90%);height:auto;object-fit:contain;filter:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}.hero{min-height:0}.hero h1{margin-top:38px}.hero .hero-copy{margin-bottom:12px}@media(max-width:600px){.hero .dialogue-art{min-height:180px;padding:25px 0 15px}.hero .dialogue-art>img{width:94%}.hero h1{margin-top:35px}.hero .hero-copy{padding:0 18px}}
/* Compact hero with a consistent smoked-silver finish. */
.hero{min-height:0}.hero-nav{padding:18px 24px}.hero h1.metal-wordmark{width:82%;max-width:850px;height:clamp(88px,11vw,155px);margin:14px auto 12px;position:relative;overflow:hidden}.hero h1.metal-wordmark img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%);filter:brightness(.66) contrast(1.08) saturate(.35);mask-image:none;-webkit-mask-image:none}.hero .hero-copy{font-size:18px;line-height:1.35;margin:0 auto 8px}.hero .dialogue-art{height:205px;min-height:0;padding:8px 5% 0;align-items:center}.hero .dialogue-art>img{width:430px;max-width:72%;max-height:100%;height:auto;object-fit:contain;filter:brightness(.64) contrast(1.1) saturate(.35);mix-blend-mode:normal}@media(max-width:600px){.hero-nav{padding:17px 18px;font-size:10px}.hero h1.metal-wordmark{width:96%;height:76px;margin:8px auto 12px}.hero .hero-copy{font-size:14px;margin-bottom:4px;padding:0 18px}.hero .dialogue-art{height:145px;min-height:0;padding:8px 4% 12px}.hero .dialogue-art>img{width:310px;max-width:87%}}
.hero h1.metal-wordmark img{filter:brightness(.86) contrast(1.04) saturate(.4)}.hero .dialogue-art>img{filter:brightness(.84) contrast(1.05) saturate(.4)}
/* Match the original reliefs: let the mesh tint the metal's luminance. */
.hero{isolation:isolate}.hero h1.metal-wordmark{overflow:visible;mix-blend-mode:luminosity}.hero h1.metal-wordmark img{filter:grayscale(1) brightness(1.02) contrast(1.08);mix-blend-mode:normal}.hero .dialogue-art{mix-blend-mode:luminosity}.hero .dialogue-art>img{filter:grayscale(1) brightness(1.02) contrast(1.08);mix-blend-mode:normal}
.formats>a{isolation:isolate;overflow:hidden}.formats .format-icon{display:block;width:160px;height:160px;object-fit:contain;margin:0 auto 22px;mix-blend-mode:luminosity;filter:grayscale(1) brightness(.94) contrast(1.08);transition:transform .45s ease}.formats>a:hover .format-icon{transform:translateY(-4px)}.formats>a:nth-child(2) .format-icon{filter:grayscale(1) brightness(.78) contrast(1.15)}@media(max-width:600px){.formats .format-icon{width:105px;height:105px;margin:0 auto 18px}.formats h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.formats .format-icon{transition:none}.formats>a:hover .format-icon{transform:none}}
.formats .format-icon{width:100%;height:245px;object-fit:contain;margin:0 auto 20px}.formats>a:nth-child(2) .format-icon{filter:grayscale(.7) brightness(.87) contrast(1.1)}@media(max-width:600px){.formats .format-icon{width:100%;height:155px;margin-bottom:18px}.formats>a{padding-left:14px;padding-right:14px}}
/* Sculpted silver clasps wrapping opposite corners of lecture cards. */
.lecture .metal-clasp{position:absolute;width:78px;height:78px;pointer-events:none;z-index:3;filter:drop-shadow(1px 3px 2px #0008);opacity:.82;transition:opacity .45s,filter .45s}.metal-clasp--top{top:5px;left:5px}.metal-clasp--bottom{bottom:5px;right:5px;transform:rotate(180deg)}.lecture .meta{padding-left:30px}.lecture .card-arrow{right:35px;bottom:32px}.lecture.is-interacting .metal-clasp{opacity:1;filter:drop-shadow(1px 2px 1px #26452b55)}@media(max-width:600px){.lecture .metal-clasp{width:61px;height:61px}.lecture .meta{padding-left:23px}}
/* Seat the silver clasps directly against the rounded card edges. */
.metal-clasp--top{top:-3px;left:-3px}.metal-clasp--bottom{bottom:-3px;right:-3px}

/* Sage navigation rail replaces the top announcement strip. */
.layout{padding-top:12px}.side{background:#b6c9a9;border-color:transparent;color:#18271c}.side-brand img{filter:brightness(0)}.side .nav-label,.side .side-note{color:#40553b}.side .nav-item{color:#18271c}.side .nav-item:hover{background:#a2ba94;color:#112318}.side .nav-item.current{background:#203b29;color:#ecf2e5}.side .nav-divider{background:#203b2929}.side .backtop{background:#a2ba94;color:#18271c}.side a:focus-visible{outline-color:#203b29}@media(max-width:600px){.layout{padding-top:8px}}

.side-foliage{flex:1;min-height:100px;overflow:hidden;display:flex;justify-content:center;color:#294530;padding:8px 0}.side-foliage svg{display:block;height:100%;width:100%;max-height:380px;min-height:0;align-self:center}.side .backtop{flex-shrink:0}@media(max-width:1199px){.side-foliage{display:none}}

.side-foliage img{display:block;width:100%;height:100%;max-height:400px;min-height:0;object-fit:contain;mix-blend-mode:multiply}.side-foliage{padding:4px 0}

@media(min-width:1200px){.side{height:calc(100svh - 72px);padding-top:20px}.side .side-brand{padding-bottom:12px}.side-foliage img{max-height:340px}}

.hero .hero-copy{display:table;max-width:100%;white-space:nowrap;font-size:clamp(13px,1.65vw,23px);letter-spacing:.015em;color:#d3dcd6;background:linear-gradient(110deg,#aabbb3 0%,#edf0e9 42%,#b2c0b9 70%,#dee5de 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0 10px}@media(max-width:600px){.hero .hero-copy{font-size:clamp(11px,3.5vw,18px);padding:0 8px}}
@media(max-width:600px){.hero .hero-copy{font-size:clamp(10px,2.65vw,15px)}}

.hero .hero-copy{font-size:clamp(12px,1.4vw,21px)}@media(max-width:600px){.hero .hero-copy{font-size:2.3vw}}

/* Reverse material transition: sage ink to living green and silver. */
.side{isolation:isolate;overflow:hidden;transition:background .65s,color .65s}.side-mesh{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:0;pointer-events:none;transition:opacity .65s;filter:brightness(.75)}.side-foliage{display:grid;place-items:center}.side-foliage img{grid-area:1/1;transition:opacity .65s;align-self:center}.side-foliage .foliage-silver{opacity:0;mix-blend-mode:luminosity;filter:grayscale(1)}.side-brand img{transition:filter .65s}.side:focus-within{background:#12271c;color:#e1e8dc}.side:focus-within .side-mesh{opacity:1}.side:focus-within .side-brand img{filter:brightness(0) invert(.92)}.side:focus-within .nav-item{color:#dce7d6}.side:focus-within .nav-item.current{background:#b6c9a9;color:#18271c}.side:focus-within .backtop{background:#acc69b25;color:#dce7d6}.side:focus-within .foliage-ink{opacity:0}.side:focus-within .foliage-silver{opacity:1}.side:focus-within .nav-divider{background:#b6c9a940}
@media(hover:hover){.side:hover{background:#12271c;color:#e1e8dc}.side:hover .side-mesh{opacity:1}.side:hover .side-brand img{filter:brightness(0) invert(.92)}.side:hover .nav-item{color:#dce7d6}.side:hover .nav-item.current{background:#b6c9a9;color:#18271c}.side:hover .nav-item:hover{background:#b6c9a92b;color:#f0f5eb}.side:hover .backtop{background:#acc69b25;color:#dce7d6}.side:hover .foliage-ink{opacity:0}.side:hover .foliage-silver{opacity:1}.side:hover .nav-divider{background:#b6c9a940}}
@media(max-width:1199px){.side-foliage{display:none}}

.side{background:#c3d0bb}.side .nav-item.current{background:#203b29}.side:is(:hover,:focus-within) .nav-item.current{background:#c3d0bb}.featured-grid{margin-top:12px}.featured+.about{margin-top:12px}@media(max-width:600px){.featured-grid,.featured+.about{margin-top:8px}}

.featured-grid{margin-top:0}
.lecture.lecture-reverse{background:#dcebc9;color:#142c19}.lecture.lecture-reverse .card-mesh{opacity:.23;filter:brightness(1.6) saturate(.65)}.lecture.lecture-reverse:after{opacity:0}.lecture.lecture-reverse p,.lecture.lecture-reverse .meta{color:#29452e}.lecture.lecture-reverse .pill{border-color:#29452e70}.lecture.lecture-reverse>img{filter:grayscale(1) brightness(.85) contrast(1.15)}
.lecture.lecture-reverse.is-interacting{background:#14271c;color:#e4e9df}.lecture.lecture-reverse.is-interacting .card-mesh{opacity:1;filter:none}.lecture.lecture-reverse.is-interacting:after{opacity:1}.lecture.lecture-reverse.is-interacting p{color:#b8c8b1}.lecture.lecture-reverse.is-interacting .meta{color:#dce5d5}.lecture.lecture-reverse.is-interacting .pill{border-color:#738570}.lecture.lecture-reverse.is-interacting>img{filter:grayscale(1) brightness(1.1)}

.rail-backtop{display:flex;align-items:center;justify-content:center;background:#c3d0bb;color:#203526;border-radius:12px;margin-top:12px;min-height:0;font-size:14px;transition:background .3s}.rail-backtop:hover{background:#d7e1ce}
@media(min-width:1200px){.side{position:relative;top:0;height:var(--rail-height,800px)}.side-foliage img{max-height:100%}.rail-backtop{height:48px}}
@media(max-width:1199px){.rail-backtop{display:none}}

@media(min-width:1200px){.layout>aside{position:sticky;top:12px;align-self:start}.side{position:relative;top:0}}

.mobile-mark,.mobile-indicator{display:none}
@media(max-width:1199px){
.layout>aside{position:sticky;top:8px;z-index:30;align-self:start}.side{isolation:isolate;overflow:hidden;background:#c3d0bb!important;flex-wrap:nowrap;color:#18271c!important}.side .side-mesh{display:none}.side .nav-item[href$="#top"]{display:none}.side .mobile-mark{display:grid;place-items:center;flex:0 0 32px;padding:3px;width:32px;height:36px;background:none}.mobile-mark svg{width:25px;height:25px;transform-origin:center}.mobile-mark path{fill:none;stroke:#14251a;stroke-width:5.5}.side .nav-item{position:relative;z-index:2;background:transparent!important;color:#263c2c!important;flex:1;min-width:0;padding:12px 5px;font-size:11px;white-space:nowrap}.side .nav-item.current{color:#f2f5eb!important}.side .mobile-indicator{display:block;position:absolute;left:0;top:6px;height:calc(100% - 12px);width:0;background:#263f2c;border-radius:15px;z-index:0;pointer-events:none;transition:transform .35s ease,width .35s ease;opacity:0}html{scroll-padding-top:78px}}
@media(max-width:390px){.side .nav-item{font-size:9px}.side .mobile-mark{flex-basis:27px}}

.metal-clasp--top-right{top:-3px;right:-3px;transform:scaleX(-1)}.metal-clasp--bottom-left{bottom:-3px;left:-3px;transform:scaleY(-1)}.lecture .meta{padding-right:30px}@media(max-width:600px){.lecture .meta{padding-right:23px}}


/* Keep the occlusion on the sticky rail itself: mobile scrolling must move
   the rail and its mask together, including Safari's changing viewport. */
@media(max-width:1199px){
  .layout>aside{--rail-radius:22px}
  .layout>aside:before{content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:100%;height:100vh;background:#101c16}
  .layout>aside:after{content:"";position:absolute;pointer-events:none;inset:0 0 auto;height:var(--rail-radius);background:radial-gradient(circle at 100% 100%,transparent calc(var(--rail-radius) - .5px),#101c16 var(--rail-radius)) left top/var(--rail-radius) 100% no-repeat,radial-gradient(circle at 0 100%,transparent calc(var(--rail-radius) - .5px),#101c16 var(--rail-radius)) right top/var(--rail-radius) 100% no-repeat}
}
@media(max-width:600px){.layout>aside{--rail-radius:20px}.about{grid-template-columns:minmax(0,1fr)}.about>*{min-width:0;overflow-wrap:anywhere}.about h1{font-size:clamp(30px,8.5vw,40px)}}
/* Desktop rail: metal at rest, sage stencil on interaction. */
@media(min-width:1200px){
.side{background:#12271c;color:#e1e8dc}.side .side-mesh{opacity:1}.side .side-brand img{filter:brightness(0) invert(.92)}.side .nav-item{color:#dce7d6}.side .nav-item.current{background:#c3d0bb;color:#18271c}.side .nav-divider{background:#b6c9a940}.side .foliage-ink{opacity:0}.side .foliage-silver{opacity:1}
.side:is(:hover,:focus-within){background:#c3d0bb;color:#18271c}.side:is(:hover,:focus-within) .side-mesh{opacity:0}.side:is(:hover,:focus-within) .side-brand img{filter:brightness(0)}.side:is(:hover,:focus-within) .nav-item{color:#18271c}.side:is(:hover,:focus-within) .nav-item.current{background:#203b29;color:#ecf2e5}.side:is(:hover,:focus-within) .nav-item:hover{background:#a2ba94;color:#112318}.side:is(:hover,:focus-within) .nav-divider{background:#203b2929}.side:is(:hover,:focus-within) .foliage-ink{opacity:1}.side:is(:hover,:focus-within) .foliage-silver{opacity:0}
.rail-backtop{min-height:0;height:48px;padding:0 16px;box-sizing:border-box;flex:none}
}

/* Transparent sculpture uses the catalogue’s silver/green material treatment. */
.lecture>img.plato-card-art{mask-image:none;-webkit-mask-image:none}

.featured-grid .lecture>img.plato-card-art{margin-top:auto}

.featured-grid .lecture>img.plato-card-art{scale:1.15}

.mobile-mark img{width:25px;height:25px;transform-origin:center;filter:brightness(0)}

/* Herodotus shares the first card's relief proportions and green material. */
.lecture.lecture-herodotus{cursor:pointer}

.courses-coming .section-head{height:48px;min-height:48px;padding:0 25px;margin-top:12px;border-radius:12px;align-items:center;background:#0b1712}.courses-coming .section-head h2{font-size:20px;line-height:1}.courses-coming .section-head span{font-size:12px;color:#a0b29e}
@media(max-width:600px){.courses-coming .section-head{margin-top:8px}}