.hero{background:#052951}
.hero-layout{grid-template-columns:1.12fr 1fr;gap:32px;min-height:700px}
.hero-copy{padding:55px 0 50px}
.hero h1{font-size:clamp(74px,7.5vw,110px);line-height:.98;margin-bottom:24px}
.hero-intro{font-size:clamp(23px,2.15vw,31px);line-height:1.4;color:var(--paper);margin-bottom:26px}
.hero-date{font-size:clamp(26px,2.55vw,38px);line-height:1.25;font-weight:500;letter-spacing:-.025em;margin-bottom:32px;color:var(--accent)}
.hero-date small{display:block;font-size:16px;color:var(--blue);letter-spacing:0;margin-top:10px}
.hero .school-line{margin-top:24px}
.logo-stage{position:relative;display:grid;place-items:center;aspect-ratio:1;isolation:isolate;min-width:0}
.hero-conference-logo{width:94%;height:auto;border-radius:50%;position:relative}
.logo-halo{position:absolute;inset:0;border:1px solid #a8ceff35;border-radius:50%;box-shadow:0 0 100px #77bbff14}
.main-info-section{background:#e9edf1}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.info-grid h3{font-size:26px;margin-bottom:26px}
.info-grid dl{margin:0}.info-grid dl>div{border-top:1px solid #cbd3dd;padding:20px 0}
.info-grid dt{font-size:14px;color:var(--muted);margin-bottom:7px}
.info-grid dd{margin:0;font-size:21px;line-height:1.5;letter-spacing:-.025em}
.info-grid dd small{display:block;font-size:17px;letter-spacing:0;color:var(--muted);margin-top:5px}
.info-actions{display:flex;gap:32px;flex-wrap:wrap;align-items:center;margin-top:30px}
.brand img{width:66px;height:66px}
.header{height:96px}
html{scroll-padding-top:116px}
html[lang=pl] .hero-layout{grid-template-columns:1.12fr 1fr}
html[lang=pl] .hero h1{font-size:clamp(74px,7.5vw,110px)}
@media(max-width:1150px) and (min-width:1001px){nav{font-size:15px;gap:17px}.nav-wrap{gap:16px}.brand{gap:12px}.nav-actions{gap:12px}.nav-cta{padding:10px 14px}}
@media(max-width:1000px){.header{height:auto}.js .header,.js .nav-wrap{height:88px;min-height:88px}.js body{padding-top:88px}.nav-wrap{min-height:88px}.js #navigation{max-height:calc(100dvh - 88px)}.brand img{width:58px;height:58px}html{scroll-padding-top:108px}.hero-layout,html[lang=pl] .hero-layout{gap:25px;min-height:0}.hero h1,html[lang=pl] .hero h1{font-size:76px}.hero-copy{padding:48px 0}.hero-intro{font-size:25px}.hero-date{font-size:30px}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.logo-stage{width:min(390px,82%);margin:0 auto 35px}.hero .school-line{margin-bottom:0}.hero-meta{margin-top:0}.info-grid{grid-template-columns:1fr;gap:32px}.info-grid dd{font-size:21px}.info-actions{gap:22px}.info-grid h3{font-size:25px}}
@media(max-width:480px){.hero h1,html[lang=pl] .hero h1{font-size:66px}.hero-intro{font-size:23px}.hero-date{font-size:29px}.hero-copy{padding-top:40px}.logo-stage{width:90%;margin-bottom:25px}.brand img{width:56px;height:56px}.hero-buttons{gap:16px}.info-actions .button{gap:16px}.info-grid dd{font-size:19px}}
@media(max-width:350px){.brand img{width:49px;height:49px}.brand{gap:9px}.hero h1,html[lang=pl] .hero h1{font-size:60px}.hero-intro{font-size:21px}.hero-date{font-size:26px}}
@media print{.js body{padding-top:0}.logo-stage{max-width:250px}.hero{background:white}.hero-intro,.hero-date{color:black}}

/* Give the school seal enough room for its fine lettering. */
.brand img{width:82px;height:82px}
@media(max-width:1000px){.brand img{width:72px;height:72px}}
@media(max-width:480px){.brand img{width:68px;height:68px}}
@media(max-width:350px){.brand img{width:60px;height:60px}}