@charset "UTF-8";

.peek-publication { box-sizing: border-box; color: #46515a; float: left; font-size: 16px; padding: 0 30px 28px; width: 774px; }
.peek-publication * { box-sizing: border-box; }
.peek-publication-alert { background: #fff4d8; border-radius: 7px; color: #765514; margin: 20px 0; padding: 10px 14px; }
.peek-publication-breadcrumb { align-items: center; display: flex; gap: 8px; margin: 17px 8px 14px; }
.peek-publication-breadcrumb a { color: #2c79ac; text-decoration: none; }
.peek-publication-breadcrumb span { color: #6d7880; }
.peek-publication-hero { background: #e9eef1; border-radius: 16px; box-shadow: 0 18px 38px rgba(31,42,81,.13); height: 410px; overflow: hidden; position: relative; }
.peek-publication-hero > img { height: 100%; object-fit: cover; object-position: center; position: absolute; width: 100%; }
.peek-publication-hero-shade { background: linear-gradient(90deg,rgba(18,33,61,.96) 0%,rgba(28,68,104,.9) 45%,rgba(22,49,77,.24) 78%,rgba(22,49,77,.05)); inset: 0; position: absolute; }
.peek-publication-hero-copy { color: #fff; left: 36px; max-width: 445px; position: absolute; top: 52px; z-index: 1; }
.peek-publication-hero-copy > span,.peek-publication-kicker { color: #8ed2f3; display: block; font: 700 13px TitilliumText22LBold,Arial,sans-serif; letter-spacing: 1.3px; text-transform: uppercase; }
.peek-publication-hero h1 { color: #fff; font: 700 43px/1 TitilliumText22LBold,Arial,sans-serif; letter-spacing: -1.4px; margin: 12px 0 18px; }
.peek-publication-hero p { font-size: 17px; line-height: 1.45; margin: 0; max-width: 420px; }
.peek-publication-intro { margin: 52px 12px 34px; max-width: 640px; }
.peek-publication-intro .peek-publication-kicker,.peek-publication-section .peek-publication-kicker { color: #2c79ac; }
.peek-publication h2 { color: #1f2a51; font: 700 31px/1.12 TitilliumText22LBold,Arial,sans-serif; letter-spacing: -.7px; margin: 8px 0 15px; }
.peek-publication-intro p,.peek-publication-section p { font-size: 17px; line-height: 1.62; margin: 0; }
.peek-publication-highlights { display: grid; gap: 12px; grid-template-columns: repeat(2,1fr); margin-bottom: 40px; }
.peek-publication-highlights article { background: #fff; border: 1px solid #dce5ea; border-radius: 10px; box-shadow: 0 9px 24px rgba(31,42,81,.06); padding: 22px; }
.peek-publication-highlights article > span { color: #71a9cc; font: 700 13px TitilliumText22LBold,Arial,sans-serif; }
.peek-publication-highlights h3 { color: #1f2a51; font: 700 20px TitilliumText22LBold,Arial,sans-serif; margin: 8px 0; }
.peek-publication-highlights p { font-size: 15px; line-height: 1.48; margin: 0; }
.peek-publication-stats { background: linear-gradient(135deg,#1f2a51,#286a99); border-radius: 13px; color: #fff; display: grid; gap: 1px; grid-template-columns: repeat(3,1fr); margin: 0 0 48px; overflow: hidden; }
.peek-publication-stats article { background: rgba(255,255,255,.025); min-height: 145px; padding: 26px 20px; }
.peek-publication-stats strong { display: block; font: 700 30px TitilliumText22LBold,Arial,sans-serif; margin-bottom: 9px; }
.peek-publication-stats span { display: block; font-size: 14px; line-height: 1.35; }
.peek-publication-sections { margin: 0 12px; }
.peek-publication-section { border-top: 1px solid #d6e0e6; padding: 38px 0; }
.peek-publication-section-image { align-items: center; display: grid; gap: 30px; grid-template-columns: 1.2fr .8fr; }
.peek-publication-section-image > img { background: #eef2f4; border-radius: 12px; display: block; max-height: 285px; object-fit: cover; width: 100%; }
.peek-publication-section ul { background: #eef5f8; border-left: 4px solid #2c79ac; line-height: 1.45; margin: 22px 0 0; padding: 18px 22px 18px 38px; }
.peek-publication-section li { margin: 6px 0; }
.peek-publication-note { background: #f3f6f7; border-radius: 10px; color: #5d6870; margin: 18px 12px 42px; padding: 22px 24px; }
.peek-publication-note strong { color: #1f2a51; display: block; font-family: TitilliumText22LBold,Arial,sans-serif; }
.peek-publication-note span { display: block; margin: 3px 0 8px; }
.peek-publication-note p { font-size: 13px; line-height: 1.45; margin: 0; }
.peek-publication-more { border-top: 4px solid #2c79ac; margin: 0 12px 18px; padding-top: 24px; }
.peek-publication-more h2 { font-size: 25px; }
.peek-publication-more div { display: flex; flex-wrap: wrap; gap: 8px; }
.peek-publication-more a { background: #edf4f7; border-radius: 20px; color: #1f2a51; padding: 8px 14px; text-decoration: none; }
.peek-publication-more a:hover { background: #dcecf4; }
body .peek-publication + .material-contact { margin-left: 30px; width: 714px; }

@media (max-width:760px) {
    .peek-publication { float:none; padding:0 12px 24px; width:100%; }
    .peek-publication-breadcrumb { margin-top:12px; }
    .peek-publication-hero { height:470px; }
    .peek-publication-hero > img { object-position:65% center; }
    .peek-publication-hero-shade { background:linear-gradient(90deg,rgba(18,33,61,.97),rgba(28,68,104,.8)); }
    .peek-publication-hero-copy { left:24px; max-width:calc(100% - 48px); top:42px; }
    .peek-publication-hero h1 { font-size:clamp(34px,10vw,43px); overflow-wrap:anywhere; }
    .peek-publication-intro { margin:40px 8px 30px; }
    .peek-publication-highlights,.peek-publication-stats,.peek-publication-section-image { grid-template-columns:1fr; }
    .peek-publication-stats article { min-height:0; }
    .peek-publication-sections { margin:0 8px; }
    .peek-publication-section-image > img { grid-row:1; max-height:320px; }
    body .peek-publication + .material-contact { margin-left:12px; width:calc(100% - 24px); }
}