@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f7f6f2;--white:#fdfcf9;--ink:#161616;--muted:#66635f;--rule:#bcb9b1;--soft:#e8e6e0;--orange:#df3f1f;--teal:#16aeb4;--max:1440px;--gutter:clamp(20px,5.2vw,82px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.52}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#e24a2f;color:white}.site-shell{max-width:1920px;margin:0 auto} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;background:#121212;color:white;padding:12px;z-index:99}.skip-link:focus{top:5px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--ink);background:rgba(247,246,242,.97);padding:0 var(--gutter);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:206px}.brand-mark{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:-.075em;font-size:49px;font-weight:800;line-height:1}.brand-mark .red,.brand-dot{color:var(--orange)}.brand-name{font-size:11px;letter-spacing:.105em;line-height:1.22;font-weight:700}.main-nav{display:flex;align-items:center;gap:clamp(15px,2.25vw,40px);margin-left:auto}.main-nav a{text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.072em;font-weight:700;position:relative;white-space:nowrap}.main-nav a:after{content:'';position:absolute;left:0;bottom:-10px;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .23s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;gap:16px;align-items:center}.language-switch{display:flex;align-items:center;gap:6px;border-left:1px solid var(--rule);padding-left:22px;white-space:nowrap;font-weight:700;font-size:11px}.language-switch button{background:transparent;border:0;padding:5px 0;cursor:pointer;color:#86827c;letter-spacing:.08em}.language-switch button.active,.language-switch button:hover{color:var(--orange)}.language-switch span{color:#aaa}.menu-toggle,.mobile-nav{display:none}
.hero-main{min-height:clamp(625px,63vw,825px);display:grid;grid-template-columns:1.07fr .44fr}.hero-copy{padding:clamp(52px,6.5vw,104px) 35px 44px var(--gutter);display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:#555}.small-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;display:inline-block}.hero h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;line-height:.83;letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(80px,9.7vw,164px);font-weight:800;margin:35px 0 24px;max-width:930px}.hero h1 span,.hero h1 em{display:block;font-style:normal}.hero h1 em{font-size:.67em;line-height:1;color:var(--orange);margin-top:13px;letter-spacing:-.025em}.period{display:inline!important;color:var(--teal)}.hero-sub{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(27px,3.6vw,57px);line-height:.98;letter-spacing:-.02em;max-width:640px;margin:22px 0 26px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:35px}.hero-bottom p{max-width:380px;font-size:13px;line-height:1.6;color:#444; margin:0}.text-link{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700;display:flex;white-space:nowrap;gap:14px;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.arrow{font-size:18px;line-height:.7}.hero-art{background: url('assets/brand/hero.webp') center/cover no-repeat;position:relative;min-height:540px;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;border-left:1px solid #1d1b19}.hero-art-notation{position:absolute;right:20px;bottom:20px;color:white;font-size:10px;mix-blend-mode:difference;font-weight:700;letter-spacing:.15em}.hero-ticker{min-height:71px;background:#171717;color:white;display:flex;justify-content:space-between;align-items:center;padding:10px var(--gutter);font-size:10px;font-weight:700;letter-spacing:.09em;gap:14px}.ticker-left,.ticker-right{display:flex;align-items:center;gap:15px}.ticker-left .cross{color:var(--orange);font-size:25px;font-weight:300}.ticker-right{color:#e7e4df;text-decoration:none;gap:28px}.ticker-right:hover{color:var(--teal)}
.section{padding:73px var(--gutter) 94px}.section-top{display:flex;gap:14px;align-items:center;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.15em;padding-bottom:32px}.section-index{color:var(--orange)}.section-rule{height:1px;background:var(--rule);flex:1;margin:0 15px}.section-meta{font-size:10px;color:var(--muted)}.section-huge{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.018em;line-height:.91;font-size:clamp(64px,8vw,126px);font-weight:700;margin:0}.orange{color:var(--orange)}.about-columns{display:grid;grid-template-columns:1fr .86fr;gap:clamp(55px,9vw,180px);margin-top:22px}.section-side{display:flex;flex-direction:column;justify-content:space-between;min-height:370px}.mini-index{font-size:10px;letter-spacing:.16em;line-height:1.75;color:var(--muted);padding-top:35px}.body-copy{max-width:600px}.body-copy p{font-size:15px;line-height:1.75;margin:0 0 23px}.body-copy .lead{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(23px,2.3vw,35px);line-height:1.18}.tagline{margin-top:34px;border-top:1px solid var(--ink);padding-top:24px;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(20px,2vw,30px);line-height:1.2;color:var(--orange)}.research-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.research-item{padding:25px 20px 35px 0;border-right:1px solid var(--rule);min-height:138px}.research-item:not(:first-child){padding-left:25px}.research-item:last-child{border-right:0}.research-num{font-size:11px;color:var(--orange);font-weight:700}.research-title{margin:15px 0 0;font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,2.0vw,33px);text-transform:uppercase;line-height:1.04;font-weight:600}
.people-section{background:var(--white)}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-top:22px;margin-bottom:55px}.section-intro{font-size:15px;line-height:1.6;max-width:300px;margin:0 0 10px;color:#4a4946}.subsection-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:14px 0;margin-bottom:25px}.subsection-head h3{font-family:'Instrument Serif',Georgia,serif;font-size:30px;line-height:1.1;font-weight:400;margin:0}.subsection-head span{font-size:10px;font-weight:700;letter-spacing:.14em;color:#777}.committee-head{margin-top:72px}.people-grid{display:grid;gap:26px}.directors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.committee-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.person-card{min-width:0;cursor:pointer;position:relative}.person-card:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.photo-wrap{position:relative;overflow:hidden;background:#e7e4dd;aspect-ratio:4/4.3;border:1px solid #dedbd4}.directors-grid .photo-wrap{aspect-ratio:1.3/1}.photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 27%;filter:grayscale(1) contrast(1.06);transition:filter .4s,transform .5s}.photo-wrap img:hover,.person-card:hover img{filter:grayscale(1) contrast(1.12);transform:scale(1.025)}.photo-wrap img:not([src]){display:none}.photo-fallback{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ddd9d0 0,#ddd9d0 1px,#eae7e0 1px,#eae7e0 8px);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,6vw,96px);font-weight:500;letter-spacing:-.03em;color:#b3afa5}.person-card:hover .photo-fallback{color:#88837a}.photo-wrap:has(img:not(.errored)) .photo-fallback{display:none}.person-photo-index{position:absolute;left:10px;top:9px;color:white;font-size:10px;font-weight:700;text-shadow:0 0 3px #3339}.person-card .country{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--orange);text-transform:uppercase;margin-top:18px}.person-card h4{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(23px,2.65vw,39px);line-height:1.03;font-weight:400;margin:6px 0 6px}.committee-grid .person-card h4{font-size:clamp(19px,1.75vw,29px)}.person-card .role-line{font-size:12px;color:#66635f;line-height:1.4}.person-card .short-bio{font-size:13px;line-height:1.55;max-width:530px;color:#4e4c49;margin-top:13px}.committee-grid .short-bio{display:none}.card-more{font-size:10px;letter-spacing:.09em;font-weight:700;text-transform:uppercase;color:#555;margin-top:17px;display:inline-flex;gap:9px;align-items:center}.person-card:hover .card-more{color:var(--orange)}
.workshop-section{background:#eeece6}.workshop-top{display:flex;justify-content:space-between;align-items:end;gap:70px;margin:18px 0 48px}.workshop-top .section-huge{max-width:780px}.workshop-top .section-intro{margin-bottom:11px}.overline{display:block;margin-bottom:23px}.date-switch{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.event-tab{appearance:none;border:0;background:transparent;min-height:146px;text-align:left;display:flex;align-items:end;gap:24px;padding:22px 24px 28px 0;cursor:pointer;color:#777;transition:background .2s}.event-tab + .event-tab{border-left:1px solid #aaa;padding-left:30px}.event-tab.active{color:#111}.event-tab.active .event-day{color:var(--orange)}.event-tab:hover{background:rgba(255,255,255,.4)}.event-day{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(52px,5vw,84px);font-weight:700;line-height:.82}.event-tab-label{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(22px,2vw,33px)}.event-tab-arrow{margin-left:auto;font-size:19px;align-self:start}.event-detail{display:grid;grid-template-columns:.75fr 1fr;gap:10%;padding:46px 0 60px;border-bottom:1px solid var(--ink);min-height:310px}.event-type{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.event-detail h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(30px,3.4vw,52px);line-height:1.06;margin:13px 0}.event-meta{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;margin:0 0 6px}.event-city{font-size:13px;color:#666;margin:0}.event-description{font-size:15px;line-height:1.75;max-width:570px;margin:5px 0 22px}.event-names{font-family:'Instrument Serif',Georgia,serif;font-size:23px;line-height:1.25;color:#1d1b19}.event-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);font-weight:700;margin-bottom:6px}.workshop-bottom{margin-top:55px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}.workshop-footer-art{height:154px;background:url('assets/brand/banner.webp') center 44%/cover}.workshop-footnote{max-width:380px;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(19px,2vw,28px);line-height:1.15}
.fellowship-section{background:var(--white)}.fellowship-description{display:grid;grid-template-columns:.5fr 1fr;gap:70px;margin-bottom:65px;padding-bottom:40px;border-bottom:1px solid var(--rule)}.fellowship-description p{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(21px,2.3vw,34px);line-height:1.19;margin:0;max-width:740px}.fellowship-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--orange);display:flex;gap:10px;align-items:start;padding-top:7px}.dot-outline{border:1px solid var(--orange);width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}.fellows-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.fellows-grid .photo-wrap{aspect-ratio:4/4.3}.fellows-grid .person-card h4{font-size:clamp(20px,2vw,32px)}.fellows-grid .short-bio{font-size:12px}
.contact-section{background:#161616;color:#f7f6f2;padding:58px var(--gutter) 74px}.contact-section .section-rule{background:#555}.contact-main{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:end;padding-top:24px}.contact-title{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(65px,8vw,128px);line-height:.88;font-weight:600;letter-spacing:-.015em;margin:0}.contact-title span{color:var(--orange)}.contact-main p{max-width:415px;font-size:14px;line-height:1.55;color:#d5d0ca}.contact-email{font-size:clamp(15px,1.5vw,23px);font-family:'Instrument Serif',Georgia,serif;text-decoration:none;border-bottom:1px solid #ddd;display:inline-flex;gap:20px;align-items:baseline;padding-bottom:11px}.contact-email:hover{color:var(--teal);border-color:var(--teal)}
.site-footer{background:#efede7;padding:55px var(--gutter) 25px}.footer-top{display:grid;grid-template-columns:1.65fr 1fr;gap:7%;padding-bottom:56px}.footer-eyebrow{font-size:10px;letter-spacing:.12em;color:#625f5a;font-weight:700}.partner-logos{display:flex;align-items:center;gap:clamp(16px,2.8vw,45px);margin-top:23px;flex-wrap:wrap}.partner-logos a{display:flex;align-items:center}.partner-logos img{max-width:clamp(110px,12vw,200px);max-height:66px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.partner-logos a:last-child img{max-width:138px;max-height:64px}.support{max-width:355px}.support img{display:block;width:155px;height:auto;margin:11px 0 8px;mix-blend-mode:multiply}.support p{font-size:11px;max-width:300px;color:#6a6660;margin:0;line-height:1.45}.footer-bottom{border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:18px;align-items:center;padding:19px 0 0}.footer-brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:21px;letter-spacing:.01em;font-weight:700}.footer-brand span{font-family:'DM Sans',Arial,sans-serif;font-size:10px;margin-left:5px;color:#6b6863}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:#65615c}.footer-links a{text-decoration:none;color:var(--orange)}
.profile-dialog{max-width:860px;width:min(90vw,860px);max-height:min(89vh,920px);background:var(--paper);border:1px solid var(--ink);padding:0;color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.3)}.profile-dialog::backdrop{background:rgba(10,10,10,.57)}.dialog-close{position:absolute;right:16px;top:10px;z-index:5;background:var(--paper);border:1px solid var(--ink);width:42px;height:42px;font-size:30px;cursor:pointer;line-height:1}.dialog-grid{display:grid;grid-template-columns:.8fr 1fr;min-height:430px}.dialog-portrait{background:#ddd;min-height:430px;position:relative}.dialog-portrait img{height:100%;width:100%;object-fit:cover;filter:grayscale(1)}.dialog-portrait .photo-fallback{font-size:80px}.dialog-details{padding:58px 45px}.dialog-details .person-country{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--orange);text-transform:uppercase}.dialog-details h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(37px,5vw,60px);line-height:1;margin:14px 0}.dialog-details .role{font-size:13px;color:#777;margin:0 0 29px}.dialog-details p{font-size:15px;line-height:1.7}.dialog-details a{display:inline-flex;gap:10px;font-size:11px;font-weight:700;text-decoration:none;margin-top:12px;border-bottom:1px solid var(--ink);padding-bottom:6px;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:1110px){.main-nav{gap:16px}.main-nav a{font-size:10px}.brand{min-width:175px}.hero h1{font-size:clamp(78px,10vw,128px)}.hero-main{grid-template-columns:1fr .42fr}.committee-grid{grid-template-columns:repeat(3,1fr)}.fellows-grid{grid-template-columns:repeat(2,1fr)}.committee-grid .short-bio{display:block}.section-huge{font-size:clamp(60px,8vw,110px)}}
@media (max-width:840px){:root{--gutter:28px}.site-header{height:77px}.main-nav{display:none}.menu-toggle{display:flex;border:0;background:transparent;width:31px;height:36px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span:not(.sr-only){height:2px;background:var(--ink);width:23px;display:block}.mobile-nav{display:flex;position:sticky;top:77px;z-index:21;background:var(--paper);padding:18px var(--gutter) 24px;border-bottom:1px solid var(--ink);flex-direction:column;gap:8px}.mobile-nav[hidden]{display:none}.mobile-nav a{font-family:'Barlow Condensed',sans-serif;font-size:31px;line-height:1;text-transform:uppercase;text-decoration:none;padding:10px 0}.hero-main{grid-template-columns:1fr .34fr;min-height:660px}.hero-copy{padding-top:74px}.hero h1{font-size:clamp(68px,10.5vw,99px)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:20px}.hero-art{min-height:620px}.ticker-left{display:none}.about-columns{grid-template-columns:1fr;gap:30px}.section-side{min-height:0}.mini-index{display:none}.research-list{grid-template-columns:repeat(2,1fr)}.research-item:nth-child(2){border-right:0}.research-item:nth-child(n+3){border-top:1px solid var(--rule)}.research-item:nth-child(3){padding-left:0}.section-heading-row{align-items:start;flex-direction:column;gap:25px}.committee-grid{grid-template-columns:repeat(3,1fr)}.workshop-top{flex-direction:column;align-items:start;gap:23px}.event-detail{grid-template-columns:1fr;gap:24px}.fellowship-description{grid-template-columns:1fr;gap:24px}.contact-main{grid-template-columns:1fr;gap:30px}.footer-top{grid-template-columns:1fr;gap:45px}}
@media (max-width:600px){:root{--gutter:20px}.site-header{height:70px}.mobile-nav{top:70px}.brand{min-width:0}.brand-mark{font-size:40px}.brand-name{font-size:9px}.language-switch{padding-left:15px}.hero-main{display:flex;flex-direction:column-reverse}.hero-art{min-height:185px;height:185px;width:100%;background-position:center 48%}.hero-copy{padding:45px var(--gutter) 48px;min-height:505px}.hero h1{font-size:clamp(68px,15vw,99px);margin:26px 0 12px}.hero h1 em{font-size:.67em;margin-top:8px}.hero-sub{font-size:clamp(29px,8.2vw,46px)}.hero-bottom{padding-top:20px}.hero-bottom p{font-size:12px}.hero-ticker{min-height:59px}.ticker-right{font-size:9px;gap:12px}.section{padding:55px var(--gutter) 65px}.section-top{padding-bottom:28px}.section-meta{display:none}.section-huge{font-size:clamp(64px,13vw,96px)}.about-columns{margin-top:4px}.body-copy p{font-size:14px}.body-copy .lead{font-size:28px}.research-list{margin-top:45px}.research-item{min-height:123px;padding:18px 10px 24px 0}.research-item:nth-child(2){padding-left:16px}.research-item:nth-child(4){padding-left:16px}.research-title{font-size:25px}.directors-grid,.committee-grid,.fellows-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.directors-grid .photo-wrap{aspect-ratio:4/4.3}.person-card .country{font-size:8px;margin-top:10px}.person-card h4,.committee-grid .person-card h4,.fellows-grid .person-card h4{font-size:24px}.person-card .role-line{font-size:10px}.directors-grid .person-card .short-bio,.committee-grid .person-card .short-bio,.fellows-grid .person-card .short-bio{display:none}.card-more{font-size:9px;margin-top:10px}.committee-head{margin-top:45px}.section-heading-row{margin-bottom:35px}.subsection-head h3{font-size:26px}.date-switch{grid-template-columns:1fr}.event-tab,.event-tab+.event-tab{min-height:94px;padding:17px 0;border-left:0;gap:18px}.event-tab+.event-tab{border-top:1px solid var(--rule)}.event-day{font-size:65px}.event-tab-label{font-size:25px}.event-detail{padding:32px 0 40px;min-height:0}.event-detail h3{font-size:39px}.event-description{font-size:14px}.workshop-bottom{grid-template-columns:1fr;gap:25px;margin-top:35px}.workshop-footer-art{height:115px}.workshop-footnote{font-size:23px}.fellowship-description p{font-size:26px}.contact-section{padding:40px var(--gutter) 65px}.contact-title{font-size:clamp(61px,13vw,90px)}.contact-email{font-size:19px}.partner-logos{gap:15px}.partner-logos img{max-width:110px;max-height:47px}.partner-logos a:last-child img{max-width:92px;max-height:54px}.footer-bottom{align-items:start;flex-direction:column}.footer-links{gap:9px}.profile-dialog{width:95vw;max-height:90vh}.dialog-grid{grid-template-columns:1fr}.dialog-portrait{min-height:200px;height:220px}.dialog-details{padding:30px 24px 32px}.dialog-details h2{font-size:42px}.dialog-details p{font-size:14px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Final refinements — prototype navigation and content */
.research-id{font-size:10px;letter-spacing:.12em;color:var(--orange);font-weight:700}.research-star{font-family:'DM Sans',Arial,sans-serif;font-size:15px;color:var(--orange);display:inline-block;margin-left:10px;vertical-align:middle}
.photo-wrap img.errored{display:none}.participant-details{margin:3px 0 14px;border-top:1px solid #c6c1ba;border-bottom:1px solid #c6c1ba}.participant-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.participant-details summary::-webkit-details-marker{display:none}.participant-details summary span{font-family:'Instrument Serif',serif;font-size:25px;font-weight:400;line-height:0}.participant-details[open] summary span{transform:rotate(45deg)}.participant-cloud{font-family:'Instrument Serif',Georgia,serif;font-size:19px;line-height:1.48;padding:5px 0 21px}.participant-cloud .slash{color:var(--orange);padding:0 4px}.programme-note{font-size:11px;text-transform:uppercase;color:#777;letter-spacing:.08em;margin-top:14px}.dialog-project{margin-top:26px;border-top:1px solid var(--rule);padding-top:18px}.dialog-project p{font-family:'Instrument Serif',Georgia,serif;font-size:22px!important;line-height:1.18!important;margin:4px 0 10px!important}.main-nav a.active{color:var(--orange)}.hero-art,.workshop-footer-art{background-color:#1b1a19}
html[lang="es"] .hero h1 span:nth-child(2){font-size:.86em}html[lang="es"] .hero h1 em{font-size:.56em}
@media(max-width:600px){html[lang="es"] .hero h1 span:nth-child(2){font-size:.76em}html[lang="es"] .hero h1 em{font-size:.48em}.participant-cloud{font-size:17px}.person-card h4{overflow-wrap:anywhere}}


/* Version 2 — editorial refinements, navigation and institutional identity */
html { scroll-padding-top:110px; overflow-x:clip; }
body { overflow-x:clip; }
.section, .hero, .contact-section { scroll-margin-top:108px; }
.site-header { gap:clamp(12px,1.7vw,25px); }
.institutional-brand { display:flex; align-items:center; flex:0 1 auto; gap:clamp(6px,.8vw,13px); min-width:0; white-space:nowrap; }
.institutional-brand a { display:flex; align-items:center; justify-content:center; min-width:0; flex-shrink:1; }
.institutional-brand img { display:block; object-fit:contain; width:100%; height:auto; max-height:48px; filter:grayscale(1) brightness(.34); mix-blend-mode:multiply; }
.institutional-brand .logo-udp { width:clamp(82px,9.5vw,124px); }
.institutional-brand .logo-ias { width:clamp(102px,10.5vw,147px); }
.institutional-brand .logo-college { width:clamp(87px,8.5vw,111px); }
.institution-divider { height:32px; width:1px; flex:none; background:#a5a09a; }
.nav-dropdown { display:flex; align-items:center; gap:3px; position:relative; }
.nav-caret { border:0; background:transparent; font-size:20px; line-height:1; padding:2px 5px 7px; cursor:pointer; color:var(--ink); }
.nav-submenu { display:none; position:absolute; top:calc(100% + 20px); left:-16px; background:var(--white); border:1px solid var(--rule); box-shadow:0 15px 25px #1212121b; min-width:202px; padding:8px 0; z-index:33; }
.nav-submenu a { display:block; padding:11px 16px; font-size:11px; letter-spacing:.04em; }
.nav-submenu a:hover { background:var(--soft); color:var(--orange); }
.nav-submenu a:after { display:none; }
.nav-dropdown:hover .nav-submenu, .nav-dropdown:focus-within .nav-submenu, .nav-dropdown.open .nav-submenu { display:block; }
.mobile-subitems { border-left:1px solid var(--orange); margin:0 0 10px 8px; padding-left:15px; display:flex; flex-direction:column; }
.mobile-nav .mobile-subitems a { font-family:'DM Sans',Arial,sans-serif; font-size:12px; padding:7px 0; text-transform:none; letter-spacing:.025em; }
.hero-main { min-height:clamp(545px,51vw,675px); }
.hero-copy { padding-top:clamp(38px,4vw,65px); padding-bottom:33px; }
.hero h1 { font-size:clamp(72px,8.5vw,140px); margin:23px 0 16px; }
.hero-sub { font-size:clamp(27px,3vw,49px); margin:11px 0 14px; }
.hero-bottom { padding-top:17px; }
.hero-art { min-height:500px; }
.hero-ticker { min-height:54px; justify-content:flex-end; }
.ticker-right { letter-spacing:.12em; }
.section { padding-top:56px; padding-bottom:62px; }
.section-top { padding-bottom:18px; }
.about-columns { grid-template-columns:1.15fr .85fr; gap:clamp(45px,7vw,110px); margin-top:14px; }
.section-side { min-height:0; justify-content:start; }
.about-section .section-huge { font-size:clamp(64px,7.2vw,112px); line-height:.9; }
.about-description { max-width:570px; margin-top:26px; }
.about-description p { font-size:14px; line-height:1.7; margin:0 0 14px; }
.about-aside { padding-top:9px; }
.about-aside .lead { font-family:'Instrument Serif',Georgia,serif; font-size:clamp(23px,2.55vw,36px); line-height:1.13; margin:0; }
.about-aside .tagline { margin-top:27px; padding-top:17px; font-size:clamp(20px,2.05vw,29px); }
.countries-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:28px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.country-word { font-family:'Barlow Condensed',Impact,sans-serif; padding:10px 9px 13px; font-size:clamp(27px,3.1vw,46px); line-height:1; text-transform:uppercase; letter-spacing:.005em; white-space:nowrap; }
.country-word + .country-word { border-left:1px solid var(--rule); padding-left:22px; }
.country-index { color:var(--orange); font:600 9px 'DM Sans',Arial,sans-serif; display:block; margin-bottom:6px; letter-spacing:.12em; }
.research-list { margin-top:24px; }
.research-item { min-height:103px; padding-top:18px; padding-bottom:18px; }
.research-title { margin-top:10px; }
.section-heading-row { margin-top:14px; margin-bottom:29px; }
.subsection-head { margin-bottom:18px; }
.people-grid { gap:20px; }
.directors-grid,.committee-grid,.coordinator-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; }
.directors-grid .photo-wrap,.coordinator-grid .photo-wrap { aspect-ratio:4/4.3; }
.directors-grid .person-card h4, .coordinator-grid .person-card h4 { font-size:clamp(19px,1.75vw,29px); }
.directors-grid .short-bio,.coordinator-grid .short-bio { display:none; }
.directors-grid .country, .committee-grid .country,.coordinator-grid .country { margin-top:12px; }
.directors-grid .card-more,.coordinator-grid .card-more,.committee-grid .card-more { margin-top:9px; }
.committee-head { margin-top:43px; }
.coordinator-head { margin-top:43px; }
.workshop-top { margin:10px 0 29px; }
.overline { margin-bottom:10px; }
.event-tab { min-height:108px; padding:15px 20px 18px 0; }
.event-tab + .event-tab { padding-left:22px; }
.event-day { font-size:clamp(53px,4.5vw,76px); }
.event-detail { padding:29px 0 32px; min-height:250px; }
.workshop-bottom { margin-top:33px; }
.workshop-footer-art { height:115px; }
.fellowship-description { margin-bottom:35px; padding-bottom:25px; }
.contact-section { padding-top:44px; padding-bottom:50px; }
.site-footer { padding:28px var(--gutter) 33px; }
.funding-only { display:flex; align-items:center; gap:clamp(30px,4.5vw,80px); max-width:1000px; }
.funding-only img { width:190px; max-width:35%; height:auto; object-fit:contain; mix-blend-mode:multiply; }
.funding-only p { font-size:clamp(14px,1.2vw,17px); line-height:1.6; color:#4c4843; max-width:680px; margin:0; }

@media (max-width:1150px) {
  .main-nav { gap:14px; }
  .institutional-brand .logo-udp { width:100px; }
  .institutional-brand .logo-ias { width:122px; }
  .institutional-brand .logo-college { width:100px; }
  .hero h1 { font-size:clamp(70px,8.6vw,117px); }
}
@media (max-width:1070px) {
  .main-nav { display:none; }
  .menu-toggle { display:flex; border:0; background:transparent; width:34px; height:36px; flex-direction:column; justify-content:center; gap:6px; cursor:pointer; }
  .menu-toggle span:not(.sr-only) { height:2px; background:var(--ink); width:24px; display:block; }
  .mobile-nav { display:flex; position:sticky; top:92px; z-index:21; background:var(--paper); padding:18px var(--gutter) 24px; border-bottom:1px solid var(--ink); flex-direction:column; gap:8px; }
  .mobile-nav[hidden] { display:none; }
  .mobile-nav > a { font-family:'Barlow Condensed',sans-serif; font-size:28px; line-height:1; text-transform:uppercase; text-decoration:none; padding:10px 0; }
  .directors-grid,.committee-grid,.coordinator-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:840px) {
  html { scroll-padding-top:91px; }
  .site-header { height:77px; }
  .mobile-nav { top:77px; }
  .about-columns { grid-template-columns:1fr; gap:24px; }
  .about-aside { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; }
  .about-aside .tagline { margin-top:0; }
  .country-word { font-size:clamp(24px,3.8vw,33px); }
  .country-word + .country-word { padding-left:13px; }
  .research-list { margin-top:20px; }
  .directors-grid,.committee-grid,.coordinator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .hero-main { min-height:565px; }
  .hero-art { min-height:565px; }
}
@media (max-width:600px) {
  html { scroll-padding-top:80px; }
  :root { --gutter:18px; }
  .site-header { height:76px; padding-left:var(--gutter); padding-right:var(--gutter); gap:8px; }
  .mobile-nav { top:76px; }
  .institutional-brand { gap:5px; max-width:calc(100vw - 143px); }
  .institutional-brand .logo-udp { width:min(19vw,78px); }
  .institutional-brand .logo-ias { width:min(22vw,85px); }
  .institutional-brand .logo-college { width:min(19vw,76px); }
  .institution-divider { height:25px; }
  .header-actions { gap:9px; }
  .language-switch { font-size:10px; gap:5px; padding-left:9px; }
  .menu-toggle { width:26px; }
  .menu-toggle span:not(.sr-only) { width:21px; }
  .hero-main { display:flex; flex-direction:column-reverse; min-height:0; }
  .hero-art { height:145px; min-height:145px; }
  .hero-copy { padding:29px var(--gutter) 32px; min-height:0; }
  .hero h1 { font-size:clamp(65px,13.7vw,95px); margin:23px 0 13px; }
  html[lang="es"] .hero h1 span:nth-child(2) { font-size:.76em; }
  .hero-sub { font-size:clamp(28px,8vw,43px); }
  .hero-bottom { padding-top:17px; }
  .hero-ticker { min-height:48px; }
  .ticker-right { font-size:9px; letter-spacing:.02em; }
  .section { padding:42px var(--gutter) 50px; }
  .section-top { padding-bottom:12px; }
  .section-huge { font-size:clamp(58px,12.5vw,79px); }
  .about-section .section-huge { font-size:clamp(59px,11.5vw,80px); }
  .about-description { margin-top:18px; }
  .about-aside { display:block; }
  .about-aside .lead { font-size:27px; }
  .about-aside .tagline { margin-top:21px; padding-top:15px; }
  .countries-grid { margin-top:25px; grid-template-columns:repeat(2,1fr); }
  .country-word { padding:12px 5px; font-size:clamp(27px,7vw,36px); }
  .country-word:nth-child(3) { border-left:0; border-top:1px solid var(--rule); padding-left:9px; }
  .country-word:nth-child(4) { border-top:1px solid var(--rule); }
  .research-list { margin-top:18px; }
  .research-item { min-height:100px; padding-top:14px; padding-bottom:14px; }
  .research-title { font-size:23px; }
  .directors-grid,.committee-grid,.coordinator-grid,.fellows-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; }
  .directors-grid .photo-wrap { aspect-ratio:4/4.3; }
  .person-card .country { margin-top:9px; }
  .person-card h4,.committee-grid .person-card h4,.directors-grid .person-card h4,.coordinator-grid .person-card h4 { font-size:23px; }
  .committee-head,.coordinator-head { margin-top:37px; }
  .event-tab { min-height:79px; padding:13px 0; }
  .event-tab + .event-tab { padding:13px 0; }
  .event-day { font-size:60px; }
  .workshop-top { margin-bottom:17px; }
  .event-detail { padding:24px 0; }
  .workshop-footer-art { height:90px; }
  .workshop-bottom { margin-top:22px; }
  .fellowship-description { margin-bottom:26px; padding-bottom:18px; }
  .funding-only { flex-direction:column; align-items:flex-start; gap:10px; }
  .funding-only img { width:145px; max-width:65%; }
  .funding-only p { font-size:14px; }
}
@media (max-width:370px) {
 .institutional-brand { gap:3px; }
 .institutional-brand .logo-udp { width:59px; }
 .institutional-brand .logo-ias { width:68px; }
 .institutional-brand .logo-college { width:61px; }
 .hero h1 { font-size:60px; }
 .hero h1 em { font-size:.61em; }
}


/* Version 4 — guarantee heading legibility on narrow viewports, including offline fonts. */
.hero h1, .section-huge, .contact-title {
  font-family: 'Barlow Condensed','Roboto Condensed','Arial Narrow','Liberation Sans Narrow',Impact,sans-serif;
}
.about-columns > *, .workshop-top > *, .section-heading-row > * { min-width: 0; }
.section-huge, .contact-title { overflow-wrap: anywhere; }
/* Preserve the white background of the supplied logos instead of darkening it. */
.institutional-brand img { filter: grayscale(1) contrast(1.35); }
@media (max-width: 600px) {
  .hero h1 { font-size: clamp(51px, 14vw, 65px); letter-spacing: -.035em; }
  .section-huge { font-size: clamp(44px, 12.5vw, 62px); }
  .about-section .section-huge { font-size: clamp(44px, 12.5vw, 62px); }
  .contact-title { font-size: clamp(46px, 12vw, 64px); }
}


/* Version 5 — editorial corrections requested 9 Oct 2026. */
:root { --df-section-title: clamp(54px, 5.8vw, 86px); }
#about .section-huge,
#people .section-huge,
#activities .section-huge,
#fellows .section-huge,
#contact .contact-title {
  font-size: var(--df-section-title);
  line-height: .94;
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
  word-break: normal;
}
/* Preserve a clear rhythm now that the hero supertitle has been removed. */
.hero-copy { justify-content: center; gap: clamp(14px,2vw,29px); }
.hero h1 { margin: 0 0 3px; }
.hero-sub { margin: 0 0 6px; }
.hero-bottom { padding-top: 15px; }

/* More compact About: heading fits without cutting words; research axes move closer. */
.about-section .section-huge { font-size: var(--df-section-title); }
.about-columns { align-items:start; }
.about-description { margin-top:clamp(20px,2.8vw,32px); }
.about-section .research-list { margin-top:clamp(20px,2.5vw,36px); }

/* Match the co-director card sizes to those in the 5-column committee grid, centered. */
#directorsGrid { grid-template-columns: repeat(2,minmax(0,calc((100% - 88px)/5))); gap:22px; justify-content:center; }
#directorsGrid .person-card { width:100%; }

/* Compact, intentional research programme intertitle, without its former body text. */
#fellows .fellowship-description { display:block; margin-bottom:27px; padding-bottom:15px; }
#fellows .fellowship-label { margin:0; padding-top:0; }

/* Match heading placement and reduce empty scrolling. */
#people .section-heading-row,#fellows .section-heading-row { margin-bottom:30px; }
#activities .workshop-top { margin-bottom:27px; }
#contact .contact-main { grid-template-columns:minmax(0,1fr) minmax(0,.88fr); align-items:end; }

@media(max-width:1070px) {
  #directorsGrid { grid-template-columns:repeat(2,minmax(0,calc((100% - 66px)/4))); }
}
@media(max-width:840px) {
  :root { --df-section-title:clamp(49px,6.5vw,62px); }
  #directorsGrid { grid-template-columns:repeat(2,minmax(0,calc((100% - 44px)/3))); }
  #contact .contact-main { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  :root { --df-section-title:clamp(37px,10.1vw,50px); }
  #directorsGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  #about .section-huge,#people .section-huge,#activities .section-huge,#fellows .section-huge,#contact .contact-title {
     font-size:var(--df-section-title);
     line-height:.99;
  }
  #contact .contact-main { grid-template-columns:1fr; }
  #activities .workshop-top { margin-bottom:20px; }
  .hero-copy { gap:13px; }
  .hero-bottom { padding-top:12px; }
  .hero h1 { margin:0 0 2px; }
}

/* Do not orphan terminal punctuation in editorial section headings. */
:root { --df-section-title: clamp(52px, 5.45vw, 80px); }
.section-huge .no-break, .contact-title .no-break { white-space:nowrap; }
@media (max-width:840px) { :root { --df-section-title:clamp(47px,6.2vw,59px); } }
@media (max-width:600px) { :root { --df-section-title:clamp(33px,9.6vw,47px); } }

/* The sticky header is offset once via html scroll-padding, never twice. */
.section, .hero, .contact-section { scroll-margin-top: 0; }

/* v2.1: Menú actividades abierto solo mediante clic, sin depender del hover. */
.nav-dropdown:hover .nav-submenu, .nav-dropdown:focus-within .nav-submenu {display:none;}
.nav-dropdown.open .nav-submenu {display:block;top:100%;margin-top:0;}
.nav-dropdown.open .nav-submenu::before {content:"";position:absolute;left:0;right:0;height:8px;top:-8px;}
/* Dialog nativo centrado en viewport y desplazable en pantallas pequeñas. */
.profile-dialog {position:fixed!important;inset:0!important;margin:auto!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain;}
@media(max-width:600px){.profile-dialog{max-height:calc(100dvh - 20px)!important;width:calc(100vw - 20px)!important;}.dialog-grid{min-height:0;}}

/* v2.2: Chevron alineado y transición accesible */
.nav-dropdown{gap:6px!important;align-items:center!important}
.nav-caret{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:28px;padding:0!important;line-height:1!important;vertical-align:middle;transform:none!important}
.nav-caret svg{display:block;width:15px;height:15px;transition:transform .2s ease}
.nav-dropdown.open .nav-caret svg{transform:rotate(180deg)}
.nav-dropdown:not(.open) .nav-submenu{display:none!important}
.profile-dialog{box-sizing:border-box;overflow:auto!important;max-height:calc(100dvh - 32px)!important}
@media(max-width:600px){.profile-dialog{max-height:calc(100dvh - 20px)!important}}

/* ==========================================
   DF v2.4 - HEADER INSTITUCIONAL RESPONSIVE
   Mantener al final para sustituir estilos anteriores.
========================================== */
.site-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"logos actions" "navigation navigation";
  align-items:center;
  gap:0;
  height:auto;
  min-height:0;
  padding:0 var(--gutter);
  background:#f7f6f2;
  border-bottom:1px solid #d5d2cb;
  position:sticky;
  top:0;
  z-index:100;
}
.site-header .institutional-brand {
  grid-area:logos;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-direction:row;
  gap:24px;
  max-width:none;
  min-width:0;
  padding:20px 0;
}
.site-header .institutional-brand a { display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0; }
.site-header .institutional-brand img {display:block;height:auto;max-width:100%;max-height:none;object-fit:contain;}
.site-header .institutional-brand .logo-udp {width:185px;}
.site-header .institutional-brand .logo-ias {width:205px;}
.site-header .institutional-brand .logo-college {width:155px;}
.site-header .institution-divider {display:block;width:1px;height:48px;background:#bcb9b1;flex:0 0 1px;}
.site-header .header-actions {grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0;margin:0;}
.site-header .language-switch {display:flex;align-items:center;gap:8px;padding:0;border:0;white-space:nowrap;}
.site-header .language-switch button {font-size:12px;font-weight:700;transition:color .2s ease;}
.site-header .language-switch button.active {color:#df3f1f;}
.site-header #desktopNav {grid-area:navigation;display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,48px);width:100%;margin:0;padding:19px 0;border-top:1px solid #d5d2cb;}
.site-header .main-nav > a,.site-header .nav-dropdown > a {font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap;}
.site-header .nav-dropdown {display:flex;align-items:center;gap:5px;position:relative;}
.site-header .nav-caret {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0;cursor:pointer;}
.site-header .nav-caret svg {width:15px;height:15px;transition:transform .25s ease;}
.site-header .nav-caret[aria-expanded="true"] svg {transform:rotate(180deg);}
.site-header #menuToggle {display:none;}
@media (min-width:1071px) and (max-width:1199px) {
  .site-header .institutional-brand {gap:14px;padding:18px 0;}
  .site-header .institutional-brand .logo-udp {width:140px;}
  .site-header .institutional-brand .logo-ias {width:155px;}
  .site-header .institutional-brand .logo-college {width:115px;}
  .site-header .institution-divider {height:38px;}
  .site-header #desktopNav {gap:22px;}
}
/* A 1070px ya existe navegación hamburguesa en el JS/CSS original. */
@media (max-width:1070px) {
  .site-header #desktopNav {display:none !important;}
  .site-header #menuToggle {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:38px;height:38px;padding:7px;border:0;background:transparent;cursor:pointer;}
  .site-header #menuToggle span:not(.sr-only) {display:block;width:23px;height:2px;background:var(--ink);}
  .site-header .institutional-brand {gap:14px;}
  .site-header .institutional-brand .logo-udp {width:140px;}
  .site-header .institutional-brand .logo-ias {width:155px;}
  .site-header .institutional-brand .logo-college {width:115px;}
  .site-header .institution-divider {height:38px;}
  .mobile-nav {top:0;}
  .mobile-nav[hidden] {display:none !important;}
}
@media (max-width:767px) {
  .site-header {grid-template-columns:minmax(0,1fr);grid-template-areas:"actions" "logos";padding:0 16px 16px;position:relative;top:auto;height:auto;min-height:0;}
  .site-header .header-actions {width:100%;justify-content:flex-end;gap:20px;padding:12px 0;border-bottom:1px solid #d5d2cb;}
  .site-header .language-switch {gap:8px;padding:0;border:0;}
  .site-header .institutional-brand {flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%;max-width:none;min-width:0;padding:18px 0 4px;}
  .site-header .institutional-brand a {flex:0 1 auto;min-width:0;width:auto;}
  .site-header .institutional-brand img {height:auto;max-width:100%;max-height:none;object-fit:contain;}
  .site-header .institutional-brand .logo-udp {width:100px;}
  .site-header .institutional-brand .logo-ias {width:110px;}
  .site-header .institutional-brand .logo-college {width:85px;}
  .site-header .institution-divider {width:1px;height:30px;flex:0 0 1px;background:#d5d2cb;}
  .mobile-nav {position:relative;top:auto;}
}
@media (max-width:390px) {
  .site-header {padding-left:12px;padding-right:12px;}
  .site-header .institutional-brand {gap:7px;}
  .site-header .institutional-brand .logo-udp {width:85px;}
  .site-header .institutional-brand .logo-ias {width:95px;}
  .site-header .institutional-brand .logo-college {width:75px;}
  .site-header .institution-divider {height:26px;}
}