.ioa-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0b2033; font-family:wf_717bd931499847df8ef165f33,sans-serif; }
.ioa-page * { box-sizing:border-box; }
.ioa-page h1,.ioa-page h2 { margin:0; font-family:wf_db88ef0b45fa46279b7afeb6b,sans-serif; font-weight:400; text-wrap:balance; }
.ioa-page p { margin:0; }
.ioa-shell { width:calc(100% - clamp(48px,11vw,192px)); max-width:1280px; margin-inline:auto; }
.ioa-hero { position:relative; height:clamp(460px,49vw,740px); overflow:hidden; background:#0b2033; }
.ioa-hero > .ioa-art { height:100%; }
.ioa-hero > .ioa-art img { width:100%; height:100%; object-fit:cover; object-position:center 52%; }
.ioa-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 48%,rgba(7,23,37,.82) 100%); }
.ioa-hero-title { position:absolute; z-index:1; left:clamp(24px,5.5vw,96px); right:24px; bottom:clamp(32px,4vw,64px); pointer-events:none; }
.ioa-hero h1 { font-size:clamp(46px,5vw,80px); line-height:1.08; }
.ioa-intro { padding-block:64px 20px; }
.ioa-heading { position:relative; top:auto !important; margin-bottom:32px; }
.ioa-page h2 { font-size:clamp(30px,3vw,48px); line-height:1.22; }
.ioa-copy { min-width:0; font-size:clamp(18px,1.25vw,21px); line-height:1.6; font-weight:400; }
.ioa-copy p + p { margin-top:1.1em; }
.ioa-deck { max-width:69ch; color:#c2ccd7; }
.ioa-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,5vw,80px); }
.ioa-art { display:block; min-width:0; width:100%; margin:0; padding:0; border:0; border-radius:0; color:inherit; background:none; cursor:zoom-in; }
.ioa-art img { display:block; width:100%; height:auto; object-fit:contain; }
.ioa-art:focus-visible { outline:3px solid #f28a22; outline-offset:6px; }
.ioa-hero > .ioa-art:focus-visible { outline-offset:-6px; }
.ioa-cover { max-width:430px; margin-inline:auto; }
.ioa-poster { max-width:460px; margin-inline:auto; }
.ioa-chapter { padding-block:52px; }
.ioa-gap { margin-top:40px; }
.ioa-identity { display:grid; grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr); align-items:center; gap:clamp(32px,5vw,80px); }
.ioa-identity .ioa-mark { max-width:240px; margin-inline:auto; }
.ioa-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:center; }
.ioa-publications { display:grid; grid-template-columns:minmax(0,1fr) clamp(110px,11.1vw,160px); gap:clamp(28px,4vw,64px); align-items:center; padding:clamp(24px,3vw,44px); background:#eee8dc; }
.ioa-report-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:center; }
.ioa-website { margin:0; color:#0b2033; min-width:0; }
.ioa-website .ioa-art { max-width:160px; margin-inline:auto; }
.ioa-website figcaption { margin-top:16px; font-size:15px; line-height:1.4; text-align:center; }
.ioa-gathering { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.ioa-event-pair { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(32px,5vw,80px); align-items:center; max-width:1020px; margin-inline:auto; }
.ioa-event-pair > .ioa-art:first-child { max-width:330px; margin-inline:auto; }
.ioa-stewardship { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:clamp(32px,4vw,64px); }
.ioa-closing { padding-bottom:64px; }
@media(max-width:900px) {
 .ioa-intro { padding-block:40px 16px; }
 .ioa-heading { margin-bottom:28px; }
 .ioa-chapter { padding-block:36px; }
 .ioa-split { grid-template-columns:minmax(0,1fr); gap:28px; }
 .ioa-copy-first > .ioa-art { grid-row:1; }
 .ioa-cover,.ioa-poster { max-width:460px; }
 .ioa-gap { margin-top:32px; }
 .ioa-three { gap:18px; }
 .ioa-publications { grid-template-columns:minmax(0,1fr) 136px; gap:28px; }
 .ioa-report-pair { grid-template-columns:minmax(0,1fr); max-width:260px; margin-inline:auto; gap:24px; }
 .ioa-website .ioa-art { max-width:136px; }
 .ioa-event-pair { gap:32px; }
 .ioa-closing { padding-bottom:40px; }
}
@media(max-width:600px) {
 .ioa-hero { height:420px; }
 .ioa-hero > .ioa-art img { object-position:44% center; }
 .ioa-hero h1 { max-width:380px; font-size:44px; }
 .ioa-identity { grid-template-columns:minmax(0,1fr); gap:24px; }
 .ioa-identity .ioa-mark { max-width:180px; }
 .ioa-three { grid-template-columns:minmax(0,1fr); gap:24px; max-width:430px; margin-inline:auto; }
 .ioa-publications { grid-template-columns:minmax(0,1fr); gap:32px; padding:24px; }
 .ioa-report-pair { max-width:none; }
 .ioa-website .ioa-art { max-width:136px; }
 .ioa-event-pair { grid-template-columns:minmax(0,1fr); gap:28px; }
 .ioa-event-pair > .ioa-art:first-child { max-width:280px; }
 .ioa-gap { margin-top:28px; }
}