/* Hallmark pre-emit critique: Philosophy 4, Hierarchy 4, Execution 4,
   Specificity 4, Restraint 4, Variety 3. */
#poster{background:#edf6f9}
.hero-art{height:640px;background:#c6edfa;isolation:isolate}
.hero-illustration{position:absolute;inset:0 0 auto;height:422px;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent)}
.hero-illustration img{width:1320px;left:-170px;top:-12px}
.art-title{position:absolute;left:68px;right:50px;top:264px;margin:0;transform:none;font-family:"PingFang SC","Heiti SC",sans-serif;letter-spacing:0}
.art-title span{display:block;width:max-content;max-width:100%}
.art-title .title-institute{display:flex;align-items:center;gap:23px;font-size:39px;line-height:1.45;font-weight:650;color:#16658c;text-shadow:none}
.title-institute b{font-weight:650;white-space:nowrap}
.title-institute b+b{padding-left:23px;border-left:2px solid #63aac6}
.title-year{font-family:"Arial Black","PingFang SC",sans-serif;font-size:61px;font-style:italic;font-weight:900;line-height:1.2;color:#057ca6;margin-top:27px;position:relative}
.title-year:after{display:none}
.art-title .title-main{font-size:110px;line-height:1.3;font-weight:900;font-style:normal;transform:skewX(-8deg);transform-origin:left bottom;margin-top:4px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:1.5px #0877ae;text-shadow:1px 2px #0573a9,2px 4px #0573a9,3px 6px #0573a9,4px 8px #0573a9;position:relative}
.heading{padding:0 58px 38px;background:linear-gradient(#c6edfa,#edf6f9)}
.identity{margin-top:0;padding-top:12px;border-top:1px solid #a3d7e7;gap:30px}
.identity h2{font-size:40px}
.identity p{text-wrap:balance}
.logo{transform:scale(.88);transform-origin:center;flex-basis:210px}
.content{padding:18px 52px 0;counter-reset:section}
section{counter-increment:section;background:transparent;border-top:1px solid #b8dce9;padding:38px 0 12px;margin-bottom:48px}
h2.section-title{background:none;color:#05669d;border-radius:0;font-size:51px;line-height:1.4;font-weight:900;font-style:italic;padding:0 0 12px;margin:0 0 24px;display:flex;align-items:center;gap:20px;text-shadow:1px 2px #fff,2px 3px #c0e4f0}
h2.section-title:before{content:"0" counter(section);position:static;width:auto;height:auto;border:0;border-radius:0;font-family:"Arial Black",sans-serif;font-size:37px;font-style:italic;color:#58b1cf;flex:0 0 61px}
h2.section-title:after{content:"";width:46px;height:6px;background:#d4dc37;margin-left:5px;transform:skewX(-25deg)}
.about p{color:#254555}
.about p:before{background:#35a9c9}
.highlight{padding:24px 25px 26px;border-radius:4px;background:#ffffffc9;border-left:3px solid #b6e2ee}
.highlight h3{font-weight:800}
.highlight strong{font-weight:850;color:#007fa9}
.job-group{margin-top:32px}
.job-group h3{font-weight:800;margin-bottom:18px}
.job-grid{gap:15px}
.job{border:1px solid #b9dfea;border-radius:4px;box-shadow:0 3px 0 #d5eaf0;min-height:88px;background:#ffffffd9;padding:19px 15px;transition:background .15s,box-shadow .15s}
.job:hover,.job:focus-visible{background:#e0f5fc;box-shadow:0 3px 0 #66bdd5;outline:2px solid #087bab;outline-offset:2px}
.job b{color:#4b9bb8}
.photos{margin:0 -12px;height:635px;width:920px}
.contact{padding:10px 0 26px;gap:24px}
.contact .qr{width:248px;height:248px;padding:10px;border:1px solid #b4dbe8;border-radius:4px}
.contact .person{font-size:36px}.contact p{font-size:30px}
.footer-art{margin-top:-30px;mask-image:linear-gradient(transparent,#000 25%)}
@media(prefers-reduced-motion:reduce){.job{transition:none}}
.job-group{margin:32px 0 38px}
.job-group h3{padding:22px 18px;background:#dcedf4;border-top:2px solid #acd4e4;border-bottom:1px solid #b6d7e5;gap:18px;margin-bottom:0;font-size:32px}
.job-group h3:before{display:none}
.group-symbol{width:40px;height:40px;flex:0 0 40px;color:#1686aa}
.group-total{margin-left:auto;font:italic 800 39px/1 'Arial',sans-serif;color:#77b4cb}
.job-grid{gap:0;border-bottom:1px solid #b9d9e7}
.job{position:relative;display:flex;align-items:center;gap:20px;padding:25px 22px 34px 18px;min-height:148px;border:0;border-bottom:1px solid #b9d9e7;border-radius:0;background:#f4fbfdb3;box-shadow:none;font-size:31px;line-height:1.45}
.job:nth-child(odd){border-right:1px solid #b9d9e7}
.job-symbol{width:42px;height:42px;flex:0 0 42px;color:#278fae}
.job-label{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:left}
.job-label b{font:500 21px/1.3 'Arial',sans-serif;flex:auto;color:#609bb2}
.job-name{overflow-wrap:anywhere;font-weight:550}
.job-arrow{position:absolute;bottom:13px;right:18px;width:25px;height:25px;color:#849727}
.job-wide{grid-column:1/-1;border-right:0!important;min-height:133px}
.job:last-child:nth-child(odd){grid-column:1/-1;border-right:0;min-height:133px}
.job:hover,.job:focus-visible{background:#e4f4fa;box-shadow:inset 0 -3px #75bfce}
@media(max-width:600px){.job{font-size:33px}.job-symbol{width:44px;height:44px;flex-basis:44px}}
