@font-face{font-family:Barlow Condensed;src:url('assets/barlow-condensed-1.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:IBM Plex Sans;src:url('assets/ibm-plex-sans-0.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:IBM Plex Sans;src:url('assets/ibm-plex-sans-1.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
:root{--paper:#f5f5f0;--ink:#171b1d;--blue:#0079b7;--muted:#5c6468;--rule:#c9cecd;--space:clamp(24px,4vw,64px);font-family:'IBM Plex Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
p,h1,h2,figure{margin:0}
::selection{background:var(--blue);color:white}
.page-shell{width:min(100% - var(--space)*2,1360px);margin-inline:auto}
.skip-link{position:absolute;top:12px;left:24px;padding:12px 18px;background:var(--ink);color:white;z-index:5;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.masthead{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:32px;border-bottom:1px solid var(--rule);padding-block:24px 23px}
.brand{display:block;width:73px}
.brand img{width:73px;height:auto}
.masthead-note{font-size:13px;line-height:1.65;justify-self:center}
.masthead-note span{color:var(--muted)}
.contact-nav{display:flex;align-items:center;gap:26px;font-weight:500;font-size:15px;min-height:44px}
.contact-nav svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.4;fill:none;transition:transform .25s ease}
.contact-nav:hover{color:var(--blue)}
.contact-nav:hover svg{transform:translateX(5px)}
.poster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.4vw,36px);padding-block:25px 46px;align-items:start}
.poster h1{display:contents;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-weight:700}
.title-top{grid-column:1/-1;grid-row:1;font-size:clamp(62px,11.65vw,170px);line-height:1.06;letter-spacing:-.025em;white-space:nowrap;margin-bottom:20px}
.title-side{grid-column:9/-1;grid-row:2;font-size:clamp(110px,13.25vw,195px);line-height:.85;letter-spacing:-.025em;color:var(--blue);padding-top:0;transform:translateY(-.018em)}
.event-photo{grid-column:1/9;grid-row:2 / 4;min-width:0}
.event-photo picture{display:block;overflow:hidden}
.event-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%}
.event-photo figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.5;padding-top:12px;color:var(--muted)}
.event-photo figcaption span:first-child{color:var(--ink)}
.poster-note{grid-column:9/-1;grid-row:3;align-self:end;font-size:clamp(13px,1.2vw,17px);line-height:1.5;padding-top:25px;padding-bottom:2px}
.introduction{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,2.4vw,36px);padding-block:48px 45px;border-top:1px solid var(--rule)}
.intro-heading{grid-column:1/6}
.eyebrow{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-weight:500}
.intro-heading h2{font-weight:400;font-size:clamp(27px,2.8vw,40px);line-height:1.18;letter-spacing:-.035em}
.intro-copy{grid-column:7/-1;font-size:clamp(16px,1.5vw,19px);line-height:1.55;padding-top:0}
.intro-copy p+p{margin-top:16px;color:var(--muted)}
.purpose{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;align-items:baseline;gap:32px;margin-top:38px;padding-top:23px;border-top:1px solid var(--rule)}
.purpose-label{font-size:11px;text-transform:uppercase;font-weight:500;letter-spacing:.1em;color:var(--blue)}
.purpose p{font-size:clamp(18px,1.7vw,23px);line-height:1.4;letter-spacing:-.02em;max-width:820px}
.contact{display:grid;grid-template-columns:5fr 7fr;gap:36px;padding:38px 36px 41px;background:var(--blue);color:#fff;scroll-margin-top:24px}
.contact .eyebrow{margin-bottom:15px}
.contact h2{font-size:clamp(28px,2.5vw,37px);line-height:1.15;font-weight:400;letter-spacing:-.04em;max-width:320px}
.contact-details{align-self:center;min-width:0}
.email-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(20px,2.15vw,32px);letter-spacing:-.035em;line-height:1.3;padding-block:8px 15px;border-bottom:1px solid #ffffff80}
.email-link span{min-width:0}
.email-link svg{flex:0 0 30px;width:30px;height:30px;stroke:currentColor;stroke-width:1.4;fill:none;transition:transform .25s ease}
.email-link:hover svg{transform:translate(3px,-3px)}
.email-link:hover{border-bottom-color:white}
.contact a:focus-visible{outline-color:white}
.contact-details>p{font-size:12px;line-height:1.5;margin-top:15px}
.contact-details>p span{padding-inline:10px;opacity:.6}
.footer{padding-block:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:11px;line-height:1.5}
.back-to-top{min-height:36px;display:flex;align-items:center;gap:18px}
.back-to-top:hover{color:var(--blue)}
@media(prefers-reduced-motion:no-preference){.poster{animation:appear .65s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1560px){.title-top{font-size:170px}.title-side{font-size:195px}}
@media(max-width:1050px) and (min-width:701px){.title-top{font-size:11.65vw}.title-side{font-size:13vw}.poster-note{font-size:13px;padding-top:12px}.contact{grid-template-columns:1fr;gap:22px}.contact-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.contact h2{max-width:none}.contact-heading .eyebrow{margin-bottom:0}.email-link{font-size:30px}.contact-details>p{margin-top:12px}}
@media(max-width:700px){
 :root{--space:20px;scroll-padding-top:16px}
 .masthead{grid-template-columns:1fr auto;gap:16px;padding-block:17px 18px}
 .brand,.brand img{width:58px}
 .masthead-note{display:none}
 .contact-nav{font-size:13px;gap:16px}
 .contact-nav svg{width:21px;height:21px}
 .poster{display:flex;flex-direction:column;gap:0;padding-block:22px 30px}
 .poster h1{display:block;width:100%;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase}
 .title-top{display:block;white-space:normal;font-size:clamp(48px,11.8vw,82px);line-height:.98;letter-spacing:-.02em;margin-bottom:4px;max-width:620px}
 .title-side{display:block;padding:0;transform:none;font-size:clamp(55px,13.7vw,96px);line-height:1;letter-spacing:-.025em}
 .desktop-break{display:none}
 .event-photo{width:100%;margin-top:23px}
 .event-photo figcaption{font-size:10px;gap:14px;padding-top:10px}
 .event-photo figcaption span:last-child{text-align:right;max-width:150px}
 .poster-note{font-size:14px;line-height:1.5;align-self:start;padding-top:22px;padding-bottom:0}
 .introduction{display:block;padding-block:29px 30px}
 .eyebrow{font-size:10px;margin-bottom:12px}
 .intro-heading h2{font-size:32px;line-height:1.17}
 .intro-copy{font-size:16px;line-height:1.55;margin-top:22px}
 .intro-copy p+p{margin-top:13px}
 .purpose{display:block;margin-top:25px;padding-top:21px}
 .purpose-label{display:block;font-size:10px;margin-bottom:10px}
 .purpose p{font-size:19px;line-height:1.42}
 .contact{display:block;padding:26px 22px 28px;margin-inline:-20px;scroll-margin-top:0}
 .contact h2{font-size:32px;max-width:none}
 .contact .eyebrow{margin-bottom:12px}
 .contact-details{margin-top:24px}
 .email-link{font-size:clamp(20px,5.5vw,31px);letter-spacing:-.035em;gap:12px;padding-bottom:13px}
 .email-link svg{width:25px;height:25px;flex-basis:25px}
 .contact-details>p{font-size:11px;margin-top:13px}
 .footer{font-size:10px;padding-block:17px 20px;gap:16px}
 .back-to-top{gap:10px;white-space:nowrap}
}
@media(max-width:360px){.title-top{font-size:11.8vw}.title-side{font-size:13.4vw}.email-link{font-size:19px;gap:8px}.contact{padding-inline:20px}.footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}