:root{--ink:#0c1023;--navy:#0b1022;--navy2:#161d37;--acid:#d3ff69;--cream:#f5f3ed;--ivory:#fcfcf7;--muted:#677082;--line:#d8ddd4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--ivory)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bc94a;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 9vw));margin-inline:auto}.skip{position:absolute;top:-100px;left:1em;z-index:999;padding:1em;background:white}.skip:focus{top:1em}.announcement{background:#070b19;color:#aeb9cd;font-size:10px;letter-spacing:1.7px}.smallrow{display:flex;justify-content:space-between;align-items:center;min-height:30px}.smallrow i{font-style:normal;color:var(--acid);margin:0 14px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acid);margin-right:9px;box-shadow:0 0 0 5px #d3ff6922}.nav{position:sticky;top:0;z-index:20;background:#10152a;color:white;border-bottom:1px solid #ffffff15;backdrop-filter:blur(18px)}.navrow{display:flex;justify-content:space-between;align-items:center;min-height:83px;gap:20px}.brand{display:flex;align-items:center;gap:14px;letter-spacing:1.35px;font-size:12px;font-weight:800;white-space:nowrap}.brand-symbol{font-family:"Space Grotesk";font-size:32px;font-weight:700;letter-spacing:-4px}.lime{color:var(--acid)}.brand small{display:block;color:#a8b2c8;font-size:9px;font-weight:500;margin-top:5px;letter-spacing:2px}.nav nav{display:flex;gap:25px}.nav nav a{font-size:12px;color:#d0d6e0;transition:.2s}.nav nav a:hover{color:var(--acid)}.navright{display:flex;gap:12px;align-items:center}.navright button{background:transparent;color:white;border:1px solid #536078;border-radius:100px;padding:9px 13px;font-size:11px}.navcv{color:#111728;background:var(--acid);border-radius:5px;padding:14px 17px;font-size:11px;letter-spacing:1px;font-weight:800;white-space:nowrap}.navcv span{margin-left:15px}#menubtn{display:none}.hero{position:relative;min-height:760px;background:#0a1023;overflow:hidden;color:white;isolation:isolate}#network{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.8}.hero-haze{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(50px)}.haze-a{width:600px;height:600px;background:#5c4de51c;right:-40px;top:-240px}.haze-b{width:480px;height:480px;background:#3dd3a10e;left:-180px;bottom:-220px}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;padding-top:104px;padding-bottom:90px}.hero-left{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#d8e0ee;font-weight:700;display:flex;align-items:center;margin-bottom:31px}.eyebrow em{color:var(--acid);font-style:normal}.title-tag{font-size:19px;color:var(--acid);letter-spacing:7px;font-weight:700;margin-bottom:10px}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(67px,7.4vw,119px);line-height:.99;letter-spacing:-6px;font-weight:700;margin:0 0 26px}.hero h1>span{color:#f7f5ff}.dot{color:var(--acid)}.role{font-size:18px;font-weight:700;letter-spacing:-.4px}.star{color:var(--acid);padding:0 7px}.university{font-size:15px;line-height:1.6;color:#c9d1e1;margin:12px 0 24px}.university span{color:#8f9ab5}.tagline{max-width:550px;color:#b7c3d6;line-height:1.85;font-size:15px;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions a{border-radius:5px;padding:18px 21px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.3px;font-weight:800}.primary{background:var(--acid);color:#151a28}.primary:hover,.navcv:hover{background:#b7ef42}.secondary{background:#ffffff0a;color:white;border:1px solid #ffffff50}.secondary:hover{background:#ffffff18}.hero-links{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:52px;font-size:10px;letter-spacing:1.4px}.hero-links>span{color:#8290a9}.hero-links a{color:white;border-bottom:1px solid #58617b;padding-bottom:5px}.hero-links a:hover{color:var(--acid)}.hero-right{position:relative;min-height:545px;display:grid;place-items:center}.portrait{height:490px;width:min(100%,370px);border-radius:180px 180px 16px 16px;overflow:hidden;position:relative;background:linear-gradient(155deg,#4c5e91,#1b2251 50%,#0a2a2d);border:1px solid #9bb4ba4f;box-shadow:0 30px 80px #0009}.portrait:before{content:"FCD";position:absolute;inset:0;display:grid;place-items:center;color:#d9ff9b;font-family:"Space Grotesk";font-size:110px;letter-spacing:-17px;font-weight:700}.portrait img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.portrait-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:32px 22px 20px;background:linear-gradient(transparent,#060e23cc);font-size:10px;letter-spacing:1.5px;color:#fff}.portrait-halo{position:absolute;border-radius:50%;border:1px solid #caff6645;pointer-events:none}.halo1{width:540px;height:540px}.halo2{width:620px;height:620px;opacity:.32}.floating-tag{position:absolute;z-index:3;background:#171e38d9;backdrop-filter:blur(15px);border:1px solid #7b86a766;padding:15px 17px;border-radius:6px;font-size:11px;letter-spacing:1.3px;font-weight:700;box-shadow:0 15px 40px #0006}.floating-tag i{font-style:normal;color:var(--acid)}.mint{color:var(--acid)}.tag-one{top:70px;right:-15px;transform:rotate(5deg)}.tag-two{bottom:60px;left:-25px;transform:rotate(-5deg)}.visual-note{position:absolute;left:-12px;top:110px;display:grid;gap:6px;transform:rotate(-90deg);transform-origin:left top;color:#f3f5ff69;font-weight:800;font-size:12px;letter-spacing:3px}.hero-footer{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #ffffff18;color:#a6b0c4;font-size:10px;letter-spacing:1.8px}.marquee{background:var(--acid);overflow:hidden;padding:17px 0;font-size:13px;font-weight:800;white-space:nowrap;letter-spacing:1.5px}.marquee>div{width:max-content;animation:marquee 45s linear infinite}.marquee b{margin:0 27px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:105px 0 115px;scroll-margin-top:90px}.section-index{font-size:12px;font-weight:800;letter-spacing:2.2px;margin-bottom:42px}.section-index span{margin-left:15px;color:#788296}.section h2{font-family:"Space Grotesk";font-size:clamp(42px,5vw,72px);line-height:1.1;letter-spacing:-3px;font-weight:700;margin:0}.section h2 em{font-family:Georgia,serif;font-weight:400}.light{background:#f8f8f3}.dark{background:#0d1427;color:#fff}.cream{background:#f0eee6}.about-grid{display:grid;grid-template-columns:1fr .82fr;gap:90px}.about-grid h2{max-width:620px}.underline{margin-top:35px;height:6px;width:85px;background:var(--acid)}.about-copy p{font-size:15px;line-height:1.9;color:#586173}.about-copy .large{font-size:19px;line-height:1.65;color:#202942;margin-top:0}.textlink{display:inline-flex;gap:40px;border-bottom:1px solid #1f2a35;padding:10px 0;font-size:11px;font-weight:800;letter-spacing:1.6px;margin-top:15px}.stat-grid{border-top:1px solid var(--line);margin-top:75px;padding-top:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.stat-grid>div{display:flex;flex-direction:column;gap:13px}.stat-grid small{font-weight:800;color:#8a93a3;letter-spacing:1.4px;font-size:10px}.stat-grid strong{font-family:"Space Grotesk";font-size:35px;letter-spacing:-1.5px}.stat-grid span{font-size:12px;color:#667082}.split-head{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:48px}.split-head h2{max-width:740px}.split-head>p{width:min(350px,100%);font-size:15px;color:#a5afc1;line-height:1.8}.darkhead>p{color:#687184}.interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.interest{border:1px solid #34415b;min-height:330px;padding:26px 24px;position:relative;transition:background .25s,transform .25s}.interest:hover{background:#1d2b44;transform:translateY(-6px)}.interest>span{color:var(--acid);font-size:10px;letter-spacing:2px}.interest h3{font-size:28px;font-family:"Space Grotesk";line-height:1.2;letter-spacing:-1px;margin-top:54px}.interest p{font-size:13px;line-height:1.75;color:#aeb9c8}.interest b{position:absolute;bottom:21px;right:22px;color:var(--acid)}.controls{display:flex;gap:12px;margin:30px 0 16px}.search{flex:1;border:1px solid var(--line);background:#fff;padding:14px 18px;display:flex;gap:10px;align-items:center}.search input{width:100%;border:0;background:transparent;outline:0;font-size:13px}.controls select,.teaching-panel select{border:1px solid var(--line);background:white;padding:13px;color:#1d2840;font-size:12px;min-width:165px}.publication{display:grid;grid-template-columns:120px 1fr 60px;gap:30px;align-items:start;border-bottom:1px solid #d9dcd8;padding:26px 10px}.publication:hover{background:#edf2df}.publication-year{font-family:"Space Grotesk";font-weight:700;font-size:14px;color:#506075}.publication h3{font-size:22px;letter-spacing:-.5px;line-height:1.35;margin:6px 0 8px}.publication .journal{color:#697485;font-size:12px;letter-spacing:.2px}.publication .authors{font-size:13px;color:#455064}.publication>a{font-size:29px;color:#41652c;justify-self:end}.placeholder{color:#687487;font-style:italic}.bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;font-size:10px;letter-spacing:1px;color:#717d8b}.bottomline a{font-weight:800;color:#26334c}.teaching-grid{display:grid;grid-template-columns:290px 1fr;gap:45px}.teaching-panel{background:#141c32;color:white;padding:26px;align-self:start}.teaching-panel>span{font-size:11px;letter-spacing:2px;color:#bcc7da}.teaching-panel strong{display:block;font-family:"Space Grotesk";font-size:124px;line-height:1.1;letter-spacing:-7px;margin-top:40px}.teaching-panel strong span{color:var(--acid)}.teaching-panel p{font-size:13px;color:#bec9db}.teaching-panel label{display:block;font-size:11px;letter-spacing:1.8px;color:#bbc4d4;margin:50px 0 10px}.teaching-panel select{width:100%}.course{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;padding:20px 5px;border-bottom:1px solid #d4d4c9}.course>span{color:#8e9b9c;font-size:12px}.course strong{font-size:16px}.course small{display:block;font-size:11px;color:#707885;margin-top:5px}.course-year{font-size:11px;color:#647181}.contact h2{margin-bottom:65px}.contact-grid{border-top:1px solid #364053;padding-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.contact-grid>div{display:flex;flex-direction:column;gap:13px}.contact-grid span{color:var(--acid);font-size:11px;letter-spacing:1.5px}.contact-grid strong{font-size:19px}.contact-grid p{color:#adb8c9;line-height:1.8}.contact-grid a{font-size:14px}.contact-grid a:hover{color:var(--acid)}footer{border-top:1px solid #364053;padding:25px 0;margin-top:105px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.6px;color:#adb8c8}footer i{color:var(--acid);font-style:normal}@media(max-width:1080px){.nav nav{gap:14px}.nav nav a{font-size:11px}.hero h1{font-size:clamp(58px,7vw,92px)}.hero-grid{gap:15px}.hero-right{transform:scale(.83)}.interest-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.wrap{width:min(100% - 36px,650px)}.smallrow{font-size:8px}.smallrow span:last-child{display:none}.navrow{min-height:70px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#121a30;padding:25px;flex-direction:column}.nav nav.open{display:flex}#menubtn{display:block}.navcv{padding:12px;font-size:10px}.navright{gap:7px}.hero-grid{grid-template-columns:1fr;padding-top:70px;padding-bottom:45px}.hero h1{font-size:clamp(64px,15vw,106px)}.hero-right{min-height:520px;transform:none}.portrait{height:425px;width:320px}.halo1{width:440px;height:440px}.halo2{width:510px;height:510px}.tag-one{right:0}.tag-two{left:0}.hero-footer span:last-child{display:none}.about-grid{grid-template-columns:1fr;gap:24px}.stat-grid{grid-template-columns:repeat(2,1fr)}.split-head{display:block}.split-head p{width:100%;max-width:550px;margin-top:25px}.teaching-grid{grid-template-columns:1fr}.teaching-panel strong{font-size:85px}.teaching-panel label{margin-top:24px}.interest{min-height:260px}.contact-grid{grid-template-columns:1fr}.publication{grid-template-columns:60px 1fr 25px;gap:14px}}@media(max-width:500px){.hero h1{font-size:clamp(56px,13vw,72px);letter-spacing:-4px}.title-tag{font-size:13px;letter-spacing:5px}.role{font-size:14px}.university{font-size:13px}.hero-links{gap:12px}.hero-links>span{width:100%}.navright #sound{display:none}.brand{font-size:10px}.brand-symbol{font-size:28px}.navcv{font-size:9px}.hero-right{min-height:460px}.portrait{width:270px;height:375px}.halo1{width:360px;height:360px}.halo2{width:410px;height:410px}.floating-tag{font-size:8px;padding:12px}.visual-note{display:none}.section{padding:76px 0}.section h2{font-size:43px;letter-spacing:-2px}.stat-grid{gap:24px}.stat-grid strong{font-size:26px}.interest-grid{grid-template-columns:1fr}.interest{min-height:220px}.interest h3{margin-top:30px}.controls{flex-direction:column}.publication{grid-template-columns:1fr 25px}.publication-year{grid-column:1/-1}.publication h3{font-size:18px}.course{grid-template-columns:24px 1fr;gap:10px}.course-year{grid-column:2}.bottomline,footer{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}*{transition-duration:0s!important}}

/* Medium-size, uncluttered official portrait; final color theme to be selected later. */
.hero-right{min-height:445px}.portrait{width:min(100%,300px);height:390px;border-radius:26px;box-shadow:0 22px 58px #0005}.portrait:before{font-size:76px;letter-spacing:-9px}@media(max-width:800px){.hero-right{min-height:395px}.portrait{width:270px;height:355px}}@media(max-width:500px){.hero-right{min-height:345px}.portrait{width:245px;height:315px}}

/* Restored original midnight-blue academic visual identity; medium arched portrait. */
.hero-right{min-height:445px}
.portrait{width:min(100%,310px);height:410px;border-radius:155px 155px 16px 16px;box-shadow:0 30px 75px #0007}
.portrait:before{font-size:82px;letter-spacing:-8px}
@media(max-width:800px){.hero-right{min-height:420px}.portrait{width:280px;height:370px;border-radius:145px 145px 12px 12px}}
@media(max-width:500px){.hero-right{min-height:335px}.portrait{width:245px;height:320px;border-radius:123px 123px 12px 12px}}


/* Publication timeline + opt-in original relaxing piano */
.navrow{justify-content:flex-end}
.nav nav{margin-right:auto}
.navright{margin-left:auto}
.piano-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1d2942;color:#d7ff8a;border:1px solid #71809a66;border-radius:5px;padding:13px 15px;font-size:10px;font-weight:800;letter-spacing:1.1px;white-space:nowrap;transition:background .2s,border-color .2s}
.piano-toggle:hover,.piano-toggle[aria-pressed="true"]{background:#d3ff69;color:#10182b;border-color:#d3ff69}
.piano-icon{font-size:17px;font-weight:500;line-height:.8}
.pub-overview{display:grid;grid-template-columns:minmax(270px,1fr) minmax(330px,1fr);gap:18px;margin:38px 0 30px}
.pub-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.pub-metric{background:#f0f2eb;border:1px solid #e3e8df;padding:21px 22px;display:flex;flex-direction:column;justify-content:space-between;min-height:137px}
.pub-metric:first-child{grid-column:1/-1;min-height:166px;background:#101a2e;border-color:#101a2e;color:#fff}
.pub-metric>span{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#728070}
.pub-metric:first-child>span{color:#c9dcab}
.pub-metric strong{font-family:"Space Grotesk",sans-serif;font-size:51px;font-weight:600;line-height:1.1;letter-spacing:-2px;color:#263627}
.pub-metric:first-child strong{color:#d3ff69;font-size:75px}
.pub-metric small{font-size:11px;color:#7a8878;line-height:1.4}
.pub-metric:first-child small{color:#aab9c9}
.pub-chart{background:#f7f8f2;border:1px solid #e0e5dc;padding:25px 26px}
.pub-chart-head{display:flex;flex-direction:column;gap:7px;margin-bottom:21px}
.pub-chart-head strong{font-family:"Space Grotesk";font-size:21px;letter-spacing:-.8px;color:#263627}
.pub-chart-head span{font-size:10px;letter-spacing:1.2px;color:#8a9488;font-weight:700}
.pub-year-bars{display:grid;gap:13px}
.pub-year-row{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;gap:13px;align-items:center;padding:4px 3px;background:transparent;border:0;width:100%;cursor:pointer;text-align:left;color:#304033}
.pub-year-row:hover .pub-bar-fill,.pub-year-row.is-active .pub-bar-fill{background:#a8d751}
.pub-year-row.is-active .pub-bar-label{color:#608021}
.pub-bar-label{font-family:"Space Grotesk";font-size:13px;font-weight:700}
.pub-bar-track{display:block;background:#e2e7db;height:12px;overflow:hidden;border-radius:2px}
.pub-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#576e5d,#9fb99f);transition:width .45s,background .2s}
.pub-bar-count{font-family:"Space Grotesk";color:#536b59;text-align:right;font-size:13px;font-weight:700}
.pub-timeline{margin-top:27px;display:grid;gap:30px}
.pub-era{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:stretch}
.pub-era-heading{position:relative;border-right:1px solid #dce4d8;padding:20px 20px 18px 2px;display:flex;flex-direction:column;gap:9px}
.pub-era-heading:after{position:absolute;content:"";width:9px;height:9px;right:-5px;top:27px;background:#a6c96c;border-radius:50%;box-shadow:0 0 0 5px #e8f0d9}
.pub-era-heading strong{font-family:"Space Grotesk";font-size:29px;color:#233528;letter-spacing:-1.5px}
.pub-era-heading span{font-size:10px;color:#819083;letter-spacing:1.5px;font-weight:700}
.pub-era-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pub-card{display:flex;flex-direction:column;gap:13px;min-height:250px;padding:22px 23px;background:#fff;border:1px solid #e1e6dd;transition:border-color .2s,transform .2s,box-shadow .2s}
.pub-card:hover{border-color:#b4c99e;transform:translateY(-3px);box-shadow:0 14px 28px #24351c0b}
.pub-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:start;color:#778376;font-size:10px;line-height:1.6}
.pub-kind{white-space:nowrap;font-size:9px;color:#5b764f;font-weight:800;letter-spacing:1px}
.pub-card h3{font-family:"Space Grotesk";font-size:18px;line-height:1.4;font-weight:600;color:#283328;letter-spacing:-.55px;margin:0}
.pub-card p{font-size:12px;color:#7c877c;line-height:1.6;margin:0 0 2px}
.pub-doi{font-size:10px;font-weight:800;color:#415a3a;border-top:1px solid #e6ebe1;padding-top:14px;margin-top:auto;letter-spacing:1.1px;display:flex;justify-content:space-between;align-items:center}
.pub-doi span{font-size:20px;font-weight:400}
.pub-doi:hover{color:#7ca634}
@media(max-width:1080px){.pub-overview{grid-template-columns:1fr 1fr}.pub-card h3{font-size:16px}.pub-era{grid-template-columns:110px 1fr}.pub-era-items{grid-template-columns:1fr}.pub-card{min-height:180px}}
@media(max-width:800px){.navrow{justify-content:flex-end}.navright{margin-left:auto}.pub-overview{grid-template-columns:1fr}.pub-metrics{grid-template-columns:repeat(3,1fr)}.pub-metric:first-child{grid-column:auto;min-height:150px}.pub-metric:first-child strong{font-size:51px}.pub-chart{padding:24px}.pub-era{grid-template-columns:100px 1fr}.pub-era-items{grid-template-columns:1fr}}
@media(max-width:500px){.piano-toggle{padding:10px;gap:5px;font-size:9px}.piano-icon{font-size:15px}.navright{margin-left:auto}.pub-metrics{grid-template-columns:repeat(2,1fr)}.pub-metric:first-child{grid-column:1/-1;min-height:132px}.pub-metric{min-height:125px;padding:16px}.pub-chart{padding:17px}.pub-era{grid-template-columns:1fr;gap:0}.pub-era-heading{border-right:0;border-bottom:1px solid #dce4d8;padding:5px 4px 12px;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:14px}.pub-era-heading:after{width:7px;height:7px;top:auto;right:auto;left:0;bottom:-4px}.pub-card{min-height:160px;padding:18px}.pub-card h3{font-size:17px}.pub-card-meta{flex-direction:column;gap:3px}.piano-toggle #piano-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pub-bar-fill,.pub-card{transition:none}}

/* Classical piano track selector and music source credit */
.classical-music-controls{display:inline-flex;align-items:stretch;gap:0;border:1px solid #71809a66;border-radius:5px;overflow:hidden;white-space:nowrap}
.classical-music-controls .piano-toggle{border:0;border-radius:0;padding:13px 12px}
.classical-music-controls .piano-toggle:hover{border:0}
.music-track{background:#1d2942;color:#e0e9f4;border:0;border-left:1px solid #71809a66;outline-offset:-2px;max-width:113px;min-width:85px;padding:0 17px 0 9px;font-size:10px;letter-spacing:.6px;font-weight:800;cursor:pointer}
.music-track:hover,.music-track:focus-visible{background:#2b3c57}
.music-track option{background:#1d2942;color:#fff}
.music-credit{font-size:11px;color:#a8b5c5;margin:18px 0 0;line-height:1.8;letter-spacing:.1px}
.music-credit a{color:#d3ff8a;text-decoration:underline;text-decoration-color:#d3ff8a77;text-underline-offset:3px}
.music-credit a:hover{color:#fff}
@media(max-width:800px){.music-track{max-width:95px;min-width:74px;padding-left:5px;font-size:9px}.classical-music-controls .piano-toggle{padding:11px 9px}}
@media(max-width:500px){.classical-music-controls .piano-toggle{padding:10px 7px}.music-track{max-width:78px;min-width:70px;padding:0 14px 0 4px;font-size:8px}.music-credit{font-size:10px}.navright{gap:6px}}

/* The publication trajectory: dark editorial infographic with living vertical pillars. */
.pub-overview{align-items:stretch}
.pub-chart{position:relative;isolation:isolate;overflow:hidden;min-height:405px;background:linear-gradient(145deg,#111d31 0%,#182e40 100%);border:1px solid #304254;border-radius:12px;padding:29px 30px 25px;box-shadow:0 18px 55px #16243812}
.pub-chart::before{position:absolute;content:"";inset:0;pointer-events:none;z-index:-1;opacity:.38;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 39px,#cde7db16 40px),repeating-linear-gradient(90deg,transparent 0px,transparent 44px,#dceadd0d 45px)}
.pub-chart::after{position:absolute;content:"";width:230px;height:230px;right:-110px;top:-110px;border-radius:50%;z-index:-1;pointer-events:none;background:#b4ff724a;filter:blur(80px)}
.pub-chart-head{display:flex;flex-direction:column;align-items:start;gap:7px;margin:0 0 18px;max-width:100%}
.pub-chart-head .chart-kicker{font-size:9px;color:#bfd59f;letter-spacing:2.1px;font-weight:800;line-height:1.4}
.pub-chart-head strong{font-family:"Space Grotesk",sans-serif;color:#fff;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.18;letter-spacing:-1.2px}
.pub-chart-head .chart-period{font-size:1.2em;color:#ccfb6c}
.pub-chart-head .chart-subtitle{color:#a5bdca;font-size:9px;letter-spacing:1.25px;font-weight:700;margin-top:5px;line-height:1.4}
.pub-year-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;min-height:226px;padding:15px 5px 4px;border-bottom:1px solid #9cb3b133}
.pub-year-col{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:11px;flex:1;min-width:0;max-width:100px;padding:0 2px 2px;border:0;background:none;cursor:pointer;color:#deebee;transition:transform .2s}
.pub-year-col:hover{transform:translateY(-3px)}
.pub-year-col:focus-visible{outline:2px solid #c8fe70;outline-offset:5px;border-radius:4px}
.pub-year-value{color:#bfe2bc;font-family:"Space Grotesk",sans-serif;font-size:19px;font-weight:700;letter-spacing:-.5px}
.pub-year-pillar-wrap{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}
.pub-year-pillar{position:relative;display:block;width:min(52px,80%);min-height:22px;background:linear-gradient(0deg,#779793 0%,#9bbb9b 54%,#c3ef8b 100%);border-radius:13px 13px 3px 3px;box-shadow:0 9px 26px #9fcba42e;transition:height .55s ease,filter .25s ease,transform .25s ease,background .25s}
.pub-pillar-shine{position:absolute;left:9px;top:10px;bottom:10px;width:2px;background:#ffffff38;border-radius:99px}
.pub-year-col.is-active .pub-year-pillar,.pub-year-col:hover .pub-year-pillar{background:linear-gradient(0deg,#9fb95d,#d8ff74);box-shadow:0 0 24px #d8ff7444}
.pub-year-col.is-active .pub-year-value,.pub-year-col:hover .pub-year-value{color:#d8ff74}
.pub-year-label{color:#c1cdd5;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:12px;letter-spacing:.5px}
.pub-year-col.is-active .pub-year-label{color:#d8ff74}
@media(max-width:1080px){.pub-chart{min-height:400px}}
@media(max-width:800px){.pub-chart{padding:26px 23px;min-height:400px}.pub-chart-head strong{font-size:30px}}
@media(max-width:500px){.pub-chart{min-height:390px;padding:25px 16px 19px}.pub-chart-head strong{font-size:26px}.pub-chart-head .chart-subtitle{font-size:8px}.pub-year-bars{gap:7px;min-height:210px;padding:9px 0 3px}.pub-year-pillar-wrap{height:166px}.pub-year-pillar{width:min(45px,75%);border-radius:8px 8px 2px 2px}.pub-year-value{font-size:16px}.pub-year-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pub-year-col,.pub-year-pillar{transition:none}}


.hero-right{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:13px;min-width:0}
.hero-right .portrait{width:282px;height:382px;flex:0 0 282px;border-radius:148px 148px 16px 16px}
@media(max-width:1180px){.hero-right{gap:9px}.hero-right .portrait{width:248px;height:335px;flex-basis:248px;border-radius:127px 127px 13px 13px}}
@media(max-width:820px){.hero-right{gap:18px}.hero-right .portrait{width:275px;height:365px;flex-basis:275px}}
@media(max-width:580px){.hero-right{flex-direction:column;gap:23px;min-height:0;padding:15px 0 5px}.hero-right .portrait{width:min(100%,265px);height:340px;flex:0 0 auto;border-radius:140px 140px 12px 12px}}
/* BLOGS / editorial collection */
.blogs-section{background:linear-gradient(165deg,#f8f8f3,#edf0e9);color:#142437}
.blogs-section .split-head>p{color:#697586}
.blogs-section .section-index{color:#2a3a4c}
.blog-intro{display:flex;align-items:center;gap:21px;padding:27px 31px;background:#111b30;color:white;border-radius:9px;margin-bottom:27px}
.blog-intro-mark{display:grid;place-items:center;font-size:33px;line-height:1;width:52px;height:52px;color:#d3ff69;border:1px solid #d3ff6961;border-radius:50%;flex:0 0 52px}
.blog-intro>div{flex:1}.blog-intro strong{font-family:"Space Grotesk",sans-serif;font-size:20px}.blog-intro p{margin:7px 0 0;color:#b7c3d2;font-size:13px;line-height:1.6}
.blog-all-link{display:inline-flex;align-items:center;gap:22px;background:#d3ff69;color:#0b1022;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.8px;padding:16px 20px;white-space:nowrap}
.blog-all-link:hover{background:#b8ee49}
.blog-preview,.blog-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-story{background:#fff;min-height:260px;border:1px solid #dbe3db;padding:29px 25px;display:flex;flex-direction:column;gap:17px;transition:transform .2s,box-shadow .2s}
.blog-story:hover{transform:translateY(-3px);box-shadow:0 18px 33px #111f2612}
.blog-story-cat{font-size:10px;color:#68845a;font-weight:800;letter-spacing:1.4px}
.blog-story h3,.blog-story h2{font-family:"Space Grotesk",sans-serif;color:#1c2d36;font-size:24px;letter-spacing:-.75px;line-height:1.3;margin:0}
.blog-story h3 a:hover,.blog-story h2 a:hover{color:#577949}
.blog-story-excerpt{color:#707e85;font-size:14px;line-height:1.8;margin:0}
.blog-story-read,.blog-story-footer a,.blog-empty-link{color:#4a693f;font-weight:800;font-size:11px;letter-spacing:1px;margin-top:auto}
.blog-story-footer{margin-top:auto;border-top:1px solid #e6eae3;padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8b959c}
.blog-empty-state{grid-column:1/-1;padding:49px;background:#fff;border:1px dashed #c9d9c9;border-radius:9px;text-align:center}
.blog-empty-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#6d8964}
.blog-empty-state h3,.blog-empty-state h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(27px,4vw,42px);color:#253a35;letter-spacing:-1.5px;margin:17px 0 12px}
.blog-empty-state p{font-size:15px;color:#72817d;line-height:1.8;max-width:530px;margin:0 auto 21px}
.blog-empty-link{display:inline-flex;align-items:center}
.blog-page{background:#f7f8f4}
.blog-page .blog-home-link{color:#e0e9ee;font-size:11px;font-weight:800;letter-spacing:1.3px}
.blog-page .blog-home-link:hover{color:#d3ff69}
.blog-hero{background:#111a2e;color:#fff;padding:90px 0 105px}
.blog-hero .section-index{color:#d3ff69}
.blog-hero .section-index span{color:#a7bbce}
.blog-hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(68px,9vw,126px);line-height:.95;letter-spacing:-6px;margin:0 0 27px}
.blog-hero h1 em{color:#d3ff69;font-family:Georgia,serif;font-weight:400}
.blog-hero p{max-width:640px;font-size:18px;color:#aab7c7;line-height:1.8}
.blog-article{max-width:820px;margin:0 auto;background:#fff;padding:56px 60px;border:1px solid #e0e8dd;box-shadow:0 16px 45px #1d2c3010}
.blog-article[hidden],.blog-directory[hidden]{display:none}
.blog-article-meta{font-size:11px;color:#668455;font-weight:800;letter-spacing:1.6px}
.blog-article h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(34px,5vw,61px);letter-spacing:-2px;line-height:1.12;margin:18px 0 24px}
.blog-article .blog-article-intro{color:#61746b;font-size:19px;line-height:1.7;border-bottom:1px solid #e1e8df;padding-bottom:25px}
.blog-article #blog-article-body{color:#3e4c49;line-height:1.95;font-size:17px}
.blog-article #blog-article-body h3{font-family:"Space Grotesk",sans-serif;font-size:28px;letter-spacing:-.7px;margin-top:37px}
.blog-article #blog-article-body blockquote{border-left:4px solid #a4be8b;margin:27px 0;padding:10px 25px;color:#5a7457;font-style:italic}
.blog-back{display:inline-block;color:#597e49;font-size:11px;font-weight:800;letter-spacing:1.4px;margin:0 0 35px}
.blog-article .blog-back:last-child{margin:30px 0 0}
.blog-footer{background:#111a2e;color:#a8b8c7;padding:32px 0;font-size:12px}
.blog-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.blog-footer a{color:#d3ff69;font-weight:800}
@media(max-width:900px){.blog-preview,.blog-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.blog-intro{flex-wrap:wrap;padding:22px;gap:13px}.blog-all-link{width:100%;justify-content:center}.blog-preview,.blog-directory{grid-template-columns:1fr}.blog-hero{padding:75px 0 85px}.blog-hero h1{font-size:65px;letter-spacing:-3px}.blog-article{padding:30px 22px}.blog-footer .wrap{flex-direction:column;align-items:flex-start}}

.visitor-panel{margin:36px 0 26px;padding:22px 24px;border:1px solid #304254;border-radius:12px;background:linear-gradient(145deg,#111d31 0%,#182e40 100%);color:#fff}
.visitor-panel h3{margin:0 0 14px;font:600 20px "Space Grotesk",sans-serif}
.visitor-chart{display:grid;gap:10px}
.visitor-metric{display:grid;grid-template-columns:105px minmax(0,1fr) max-content;gap:12px;align-items:center}
.visitor-metric>span{font-size:10px;font-weight:700;letter-spacing:.06em;color:#a5bdca}
.visitor-metric strong{grid-column:3;grid-row:1;font:600 17px "Space Grotesk",sans-serif;font-variant-numeric:tabular-nums}
.visitor-track{grid-column:2;grid-row:1;height:8px;border-radius:999px;background:#ffffff22;overflow:hidden}
.visitor-track span{display:block;height:100%;background:#ccfb6c;border-radius:inherit}
.visitor-note{margin:14px 0 0;color:#a5bdca;font-size:12px;line-height:1.5}
@media(max-width:450px){.visitor-panel{padding:16px}.visitor-metric{grid-template-columns:84px minmax(0,1fr) max-content;gap:8px}}

.music-player{position:fixed;z-index:1000;right:16px;bottom:16px;width:min(420px,calc(100vw - 32px));padding:10px;border:1px solid #304254;border-radius:12px;background:#111d31;color:#fff;box-shadow:0 12px 36px #0006}
.music-player iframe{display:block;width:100%;height:max(200px, min(236px, 52vw));border:0;border-radius:6px}
.music-player-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 3px 0;font-size:12px}
.music-player-actions a{color:#d3ff69;text-decoration:underline}
.music-player-actions button{color:#fff;background:#1d2942;border:1px solid #71809a;border-radius:5px;padding:5px 8px}