/* Selected Pride carousel shared by the homepage and its preview. */
.home-page #national-experience.pride-solution-preview{isolation:isolate;overflow:hidden;background:#fff;color:#1b2531;padding:126px 0 40px}
.home-pride.pride-solution-preview .pride-layout{width:calc(100% - var(--page-gutter));max-width:none;margin-left:var(--page-gutter);margin-right:0;grid-template-columns:minmax(0,.33fr) minmax(0,.67fr);gap:clamp(34px,4vw,68px);align-items:start}
.pride-solution-preview .pride-overview{display:block;min-width:0;padding-right:20px}
.pride-solution-preview .pride-kicker{color:#cc7f4c;font-size:13px;letter-spacing:.16em;margin-bottom:21px}
.home-pride.pride-solution-preview .pride-heading h2{color:#18232e;font-size:clamp(30px,2.7vw,43px);font-weight:700;line-height:1.45;letter-spacing:-.06em}
.pride-solution-preview .pride-heading h2 em{color:inherit}
.pride-solution-preview .pride-description{color:#89929d;font-size:13px;line-height:1.8;margin-top:17px}
.pride-solution-preview .pride-milestones{margin:28px 0 0;padding:0;border-top:1px solid #e3e7eb;gap:0}
.pride-solution-preview .pride-milestones button{position:relative;grid-template-columns:51px minmax(0,1fr) 23px;gap:10px;min-height:43px;padding:10px 0;border:0;border-bottom:1px solid #e8ebee;color:#8b949e;transition:color .2s}
.pride-solution-preview .pride-milestones button:first-child{border-top:0}
.pride-solution-preview .pride-milestone-year{font-size:12px;color:#a3a9b0}
.pride-solution-preview .pride-milestone-label{font-size:14px;font-weight:450}
.pride-solution-preview .pride-milestones button[aria-pressed=true]{color:#bd713e;border-bottom-color:#e3c4ae}
.pride-solution-preview .pride-milestones button[aria-pressed=true] .pride-milestone-year{color:#bd713e}
.pride-solution-preview .pride-milestones button[aria-pressed=true]:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:var(--pride-progress,0%);background:#d58751}
.pride-solution-preview .pride-milestones button:hover{color:#a56131}
.pride-solution-preview .pride-milestone-arrow{font-size:22px;color:#c77b46}
.pride-slider-controls{display:flex;align-items:center;gap:9px;margin-top:24px}
.pride-slider-controls button{width:48px;height:48px;border:1px solid #d7dce2;background:transparent;font:400 22px/1 sans-serif;color:#586473;cursor:pointer;transition:border-color .2s,color .2s}
.pride-slider-controls button:hover{border-color:#c47d4c;color:#b56832}
.pride-slider-controls>span{margin-left:11px;font:400 11px/1.5 Manrope,sans-serif;color:#adb3bb;letter-spacing:.06em}
.pride-slider-controls b{font-weight:600;color:#5a6573}
.pride-solution-preview .pride-company-link{margin-top:18px;border-color:#cbd2da;color:#526173;font-size:12px;gap:28px}
.home-pride.pride-solution-preview .pride-gallery{max-width:none;width:100%;padding:0;justify-self:stretch;overflow:hidden;min-width:0}
.pride-slide-track{position:relative;display:flex;gap:30px;align-items:stretch;transition:transform .75s cubic-bezier(.22,.68,.13,1);will-change:transform}
.pride-solution-preview .national-panel{display:block!important;flex:0 0 56%;min-width:0;background:#101c29;border:1px solid #253442;opacity:.28;filter:grayscale(.7);transition:opacity .65s,filter .65s;overflow:hidden;pointer-events:none}
.pride-solution-preview .national-panel.is-current{opacity:1;filter:none;pointer-events:auto}
.pride-solution-preview .national-recovery-photo{margin:0;aspect-ratio:1.12;height:auto;background:#101c29}
.pride-solution-preview .national-photo-window{border-radius:0}
.pride-solution-preview .national-recovery-photo figcaption{display:none}
.home-pride.pride-solution-preview .national-panel-copy{display:block;padding:27px 30px 30px;min-height:205px;border:0;background:#101c29;box-shadow:inset 0 3px 0 transparent;transition:box-shadow .65s}
.home-pride.pride-solution-preview .national-panel.is-current .national-panel-copy{box-shadow:inset 0 3px 0 #d58751}
.pride-solution-preview .national-panel-copy>div:first-child{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:16px}
.pride-solution-preview .national-year{color:#ed9b62;font-size:12px;letter-spacing:.06em}
.pride-solution-preview .national-panel-copy h3{font-size:clamp(23px,2.1vw,32px);font-weight:650;color:#f2f5f8;line-height:1.4;letter-spacing:-.045em}
.pride-solution-preview .national-recovery-result{margin-top:13px}
.pride-solution-preview .national-recovery-result>span{display:none}
.pride-solution-preview .national-recovery-result>strong{font-size:15px;font-weight:550;color:#d3dce6;line-height:1.65}
.pride-solution-preview .national-recovery-result>p{margin:9px 0 0;font-size:13px;line-height:1.75;color:#a3b1c1;word-break:keep-all}
.home-pride.pride-solution-preview .national-photo-window img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;padding:0}
.home-pride.pride-solution-preview :is(#pride-case-0,.pride-cheonan) .national-photo-window img{inset:auto;right:0;top:-6%;width:112%;height:112%;object-position:right center}
.home-pride.pride-solution-preview #pride-case-1 .national-photo-window img{object-position:center 46%}
.home-pride.pride-solution-preview #pride-case-2 .national-photo-window img{object-position:center}
.home-pride.pride-solution-preview #pride-case-4 .national-photo-window img{object-position:52% center}
.home-pride.pride-solution-preview .photo-sewol-crop .national-photo-window img{inset:auto;left:50%;top:-25%;width:auto;height:150%;max-width:none;transform:translateX(-50%)}
.pride-slider-controls button:focus-visible{outline:2px solid #bc7644;outline-offset:4px}
@media(min-width:801px) and (max-height:760px){
 .home-page #national-experience.pride-solution-preview{padding-top:117px;padding-bottom:30px}
 .pride-solution-preview .pride-kicker{margin-bottom:13px}
 .home-pride.pride-solution-preview .pride-heading h2{font-size:30px}
 .pride-solution-preview .pride-description{font-size:12px;margin-top:12px}
 .pride-solution-preview .pride-milestones{margin-top:20px}
 .pride-solution-preview .pride-milestones button{min-height:37px;padding-block:8px}
 .pride-slider-controls{margin-top:18px}.pride-slider-controls button{width:40px;height:40px}
 .pride-solution-preview .pride-company-link{margin-top:13px}
 .home-pride.pride-solution-preview .national-panel-copy{padding:22px 24px;min-height:180px}
 .pride-solution-preview .national-recovery-photo{aspect-ratio:1.18}
}
@media(min-width:801px) and (max-width:1100px){
 .home-pride.pride-solution-preview .pride-layout{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:24px}
 .home-pride.pride-solution-preview .pride-heading h2{font-size:25px}
 .pride-solution-preview .pride-overview{padding-right:0}
 .pride-solution-preview .pride-milestones button{grid-template-columns:38px 1fr 17px;gap:7px}
 .pride-solution-preview .pride-milestone-label{font-size:12px}
 .pride-solution-preview .national-panel{flex-basis:84%}
 .home-pride.pride-solution-preview .national-panel-copy{padding:20px;min-height:208px}
 .pride-solution-preview .national-panel-copy h3{font-size:21px}
}
@media(max-width:800px){
 .home-page #national-experience.pride-solution-preview{padding:105px 0 60px;min-height:0}
 .home-pride.pride-solution-preview .pride-layout{grid-template-columns:1fr;gap:32px;width:calc(100% - var(--page-gutter));margin-left:var(--page-gutter)}
 .pride-solution-preview .pride-overview{padding-right:var(--page-gutter)}
 .home-pride.pride-solution-preview .pride-heading h2{font-size:29px}
 .pride-solution-preview .pride-milestones{margin-top:24px}
 .pride-solution-preview .pride-milestones button{min-height:43px}
 .pride-solution-preview .national-panel{flex-basis:88%}
 .pride-slide-track{gap:15px}
 .pride-solution-preview .pride-company-link{margin-top:17px}
 .home-pride.pride-solution-preview .national-panel-copy{padding:22px;min-height:220px}
}
@media(prefers-reduced-motion:reduce){.pride-solution-preview :is(.pride-slide-track,.national-panel,.pride-milestones button){transition:none}}

/* Give the title and milestone list more weight than the photo carousel. */
@media(min-width:801px){
 .home-pride.pride-solution-preview .pride-layout{grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:clamp(36px,4vw,64px)}
 .pride-solution-preview .pride-overview{padding-right:28px}
 .home-pride.pride-solution-preview .pride-heading h2{font-size:clamp(34px,3.1vw,48px);line-height:1.4;letter-spacing:-.055em}
 .pride-solution-preview .pride-kicker{font-size:14px}
 .pride-solution-preview .pride-description{font-size:16px;line-height:1.8;margin-top:18px}
 .pride-solution-preview .pride-milestones{margin-top:30px}
 .pride-solution-preview .pride-milestones button{grid-template-columns:66px minmax(0,1fr) 24px;min-height:51px;padding:12px 0}
 .pride-solution-preview .pride-milestone-year{font-size:14px}
 .pride-solution-preview .pride-milestone-label{font-size:17px;font-weight:500}
 .pride-solution-preview .pride-company-link{font-size:14px}
 .pride-solution-preview .national-panel{flex-basis:56%}
 .home-pride.pride-solution-preview .national-panel-copy{padding:23px 24px;min-height:205px}
 .pride-solution-preview .national-panel-copy h3{font-size:clamp(23px,1.8vw,28px)}
}
@media(min-width:801px) and (max-height:760px){
 .home-pride.pride-solution-preview .pride-heading h2{font-size:34px}
 .pride-solution-preview .pride-description{font-size:14px;margin-top:13px}
 .pride-solution-preview .pride-milestones{margin-top:22px}
 .pride-solution-preview .pride-milestones button{min-height:40px;padding-block:8px}
 .pride-solution-preview .pride-milestone-label{font-size:15px}
 .pride-solution-preview .pride-milestone-year{font-size:13px}
 .home-pride.pride-solution-preview .national-panel-copy{min-height:180px;padding:20px}
}
@media(min-width:801px) and (max-width:1100px){
 .home-pride.pride-solution-preview .pride-layout{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:28px}
 .pride-solution-preview .pride-overview{padding-right:0}
 .home-pride.pride-solution-preview .pride-heading h2{font-size:30px}
 .pride-solution-preview .pride-milestones button{grid-template-columns:49px minmax(0,1fr) 20px}
 .pride-solution-preview .pride-milestone-label{font-size:15px}
 .pride-solution-preview .national-panel{flex-basis:78%}
}

/* Keep the photos secondary to the title and milestones, even on wide screens. */
@media(min-width:801px){
 .home-pride.pride-solution-preview .pride-gallery{max-width:clamp(562px,calc(38vw + 22px),702px);justify-self:start;align-self:center}
 .pride-solution-preview .pride-slide-track{gap:22px}
 .pride-solution-preview .national-panel{flex:0 0 clamp(270px,19vw,340px)}
 .pride-solution-preview .national-recovery-photo{aspect-ratio:1.45}
 .home-pride.pride-solution-preview .national-panel-copy{padding:18px 20px;min-height:190px}
 .pride-solution-preview .national-panel-copy>div:first-child{gap:10px}
 .pride-solution-preview .national-panel-copy h3{font-size:23px}
 .pride-solution-preview .national-recovery-result{margin-top:10px}
 .pride-solution-preview .national-recovery-result>p{margin-top:7px}
}

/* Bring the overview inward and keep its rules close to the milestone labels. */
@media(min-width:1101px){
 .home-pride.pride-solution-preview .pride-overview{
  --pride-overview-inset:clamp(0px,calc(15vw - 180px),104px);
  width:calc(100% - var(--pride-overview-inset) - 28px);
  max-width:540px;
  margin-left:var(--pride-overview-inset);
  padding-right:0;
  justify-self:start;
 }
}