/* Climate introduction only. Reference: concern.or.kr/climate-crisis, 2026-10-22. */
.participation-preview .ci-page{background:#fff;color:#253c47;word-break:keep-all;overflow-wrap:anywhere}
.participation-preview .ci-page *{box-sizing:border-box}
.participation-preview .ci-page .ci-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.participation-preview .ci-page .ci-eyebrow{font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.7;color:#07879d;margin:0 0 18px}
.participation-preview .ci-intro{padding:68px 32px 0;text-align:center}
.participation-preview .ci-statement{font-size:34px;font-weight:700;letter-spacing:-.045em;line-height:1.65;margin:0 auto 55px;color:#263b46}
.participation-preview .ci-statement strong{color:#00877d;font-weight:800}
.participation-preview .ci-film{margin:0}
.participation-preview .ci-film-link{display:block;position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;background:#16443e;color:#fff;text-decoration:none;text-align:left}
.participation-preview .ci-film-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%;max-width:none}
.participation-preview .ci-film-shade{position:absolute;inset:0;background:rgba(0,30,35,.42);pointer-events:none}
.participation-preview .ci-film-copy{position:absolute;left:6%;top:16%;right:6%;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.participation-preview .ci-film-copy>span{display:block;font-size:17px;line-height:1.7;margin-bottom:8px}
.participation-preview .ci-film-copy strong{display:block;font-size:38px;line-height:1.45;letter-spacing:-.045em;font-weight:700}
.participation-preview .ci-play{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:76px;height:76px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 3px 24px rgba(0,0,0,.14)}
.participation-preview .ci-play img{display:block;width:32px;height:32px}
.participation-preview .ci-film-label{position:absolute;bottom:24px;left:6%;right:6%;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff}
.participation-preview .ci-film-label>span{font-size:23px}
.participation-preview .ci-film-link:hover .ci-play{background:#daf5ed}
.participation-preview .ci-film-link:focus-visible{outline:3px solid #0878bc;outline-offset:5px}
.participation-preview .ci-film figcaption{font-size:12px;line-height:1.8;margin-top:12px;color:#61727d;text-align:left}
.participation-preview .ci-why{text-align:left;padding:72px 10px 66px}
.participation-preview .ci-why h3{font-size:29px;line-height:1.55;letter-spacing:-.035em;margin:0 0 24px;color:#253c47}
.participation-preview .ci-why>p:not(.ci-eyebrow){font-size:16px;line-height:1.95;margin:0 0 13px;color:#4d606b}
.participation-preview .ci-photo-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:174px;overflow:hidden;background:#dae8e3;gap:0}
.participation-preview .ci-photo-band img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.participation-preview .ci-businesses{background:#f4f5f6;padding:62px 32px 68px}
.participation-preview .ci-businesses-label{margin-bottom:30px}
.participation-preview .ci-business+.ci-business{margin-top:62px}
.participation-preview .ci-business h2{font-size:29px;line-height:1.5;letter-spacing:-.035em;margin:0 0 22px;padding:0 0 13px;position:relative;color:#263b46}
.participation-preview .ci-business h2:after{content:"";display:block;position:absolute;left:0;bottom:0;width:38px;height:3px;background:#00a0bd}
.participation-preview .ci-business-lead{font-size:16px;line-height:1.9;color:#4d606b;margin:0 0 26px}
.participation-preview .ci-project{display:grid;grid-template-columns:1fr 1fr;min-height:314px;overflow:hidden;background:#007f9d;color:#fff}
.participation-preview .ci-project-green{background:#007d50}
.participation-preview .ci-project>img{display:block;width:100%;height:100%;min-height:314px;object-fit:cover;max-width:none}
.participation-preview .ci-project-copy{padding:30px 30px 28px;align-self:center;min-width:0}
.participation-preview .ci-project .ci-project-index{font-size:12px;line-height:1.7;margin:0 0 15px;font-weight:600;color:#fff}
.participation-preview .ci-project h3{font-size:26px;font-weight:700;line-height:1.55;letter-spacing:-.03em;margin:0 0 16px;color:#fff}
.participation-preview .ci-project-copy>p:not(.ci-project-index){font-size:14px;line-height:1.9;margin:0 0 22px;color:#fff}
.participation-preview .ci-project-copy>a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.45);padding-top:14px;color:#fff;text-decoration:none;font-size:13px;line-height:1.7;font-weight:600}
.participation-preview .ci-project-copy>a:hover,.participation-preview .ci-project-copy>a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.participation-preview .ci-results{background:#006b62;padding:54px 32px 36px;color:#fff}
.participation-preview .ci-results-head{text-align:center}
.participation-preview .ci-results .ci-eyebrow{color:#d7efdf;margin-bottom:12px}
.participation-preview .ci-results h2{font-size:30px;line-height:1.55;letter-spacing:-.035em;margin:0 0 15px;color:#fff}
.participation-preview .ci-results-head>p:last-child{font-size:15px;line-height:1.85;margin:0;color:#e1eeeb}
.participation-preview .ci-results .pr-year-control{margin:24px 0;display:flex;justify-content:flex-end}
.participation-preview .ci-results .pr-year-control label{display:flex;align-items:center;gap:12px;font-size:13px;color:#fff}
.participation-preview .ci-results .pr-year-control select{min-height:44px;min-width:126px;color:#173f3d;background-color:#fff;padding-top:10px;padding-bottom:10px;border:1px solid #d3e6df;border-radius:3px;font:inherit;font-size:14px}
.participation-preview .ci-results .pr-year-panel>h3{font-size:18px;line-height:1.6;color:#fff;margin:0 0 18px;padding:0;border:0}
.participation-preview .ci-results .pr-year-panel[hidden]{display:none!important}
.participation-preview .ci-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.participation-preview .ci-result-card{min-width:0;background:#fff;color:#294c49;text-align:center;display:flex;flex-direction:column}
.participation-preview .ci-result-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;max-width:none;display:block}
.participation-preview .ci-result-copy{padding:25px 18px 24px;display:flex;flex-direction:column;align-items:center;flex:1}
.participation-preview .ci-result-copy>span:first-child{font-size:11px;font-weight:600;letter-spacing:.025em;color:#647e79;line-height:1.7}
.participation-preview .ci-result-card h4{font-size:22px;line-height:1.55;letter-spacing:-.035em;color:#007b70;margin:9px 0 13px}
.participation-preview .ci-result-card p{font-size:13px;line-height:1.85;margin:0 0 22px;color:#526b68}
.participation-preview .ci-result-card a,.participation-preview .ci-result-card .ci-awaiting{margin-top:auto;display:inline-block;font-size:12px;line-height:1.8;padding:8px 12px;border:1px solid #c5dfd4;border-radius:30px;color:#006d60;text-decoration:none;font-weight:600}
.participation-preview .ci-result-card .ci-awaiting{background:#edf4f1;border-color:#edf4f1;color:#536d64;font-weight:400}
.participation-preview .ci-result-card a:hover,.participation-preview .ci-result-card a:focus-visible{background:#e6f4ed;text-decoration:underline;text-underline-offset:3px}
.participation-preview .ci-results-foot{border-top:1px solid rgba(255,255,255,.3);margin-top:34px;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.participation-preview .ci-results-foot p{font-size:14px;line-height:1.8;margin:0;color:#fff}
.participation-preview .ci-results-foot a{color:#fff;display:flex;gap:18px;font-size:13px;font-weight:600;line-height:1.8;text-underline-offset:5px}
@media(max-width:1100px){.participation-preview .ci-statement{font-size:30px}.participation-preview .ci-film-copy strong{font-size:32px}.participation-preview .ci-project-copy{padding:26px 24px}.participation-preview .ci-project h3{font-size:23px}.participation-preview .ci-result-copy{padding:22px 14px}.participation-preview .ci-result-card h4{font-size:20px}}
@media(max-width:650px){
 .participation-preview .ci-intro{padding:42px 20px 0}
 .participation-preview .ci-page .ci-eyebrow{font-size:12px;margin-bottom:15px}
 .participation-preview .ci-statement{font-size:24px;line-height:1.7;letter-spacing:-.055em;margin-bottom:32px}
 .participation-preview .ci-film-link{aspect-ratio:4/3}
 .participation-preview .ci-film-copy{top:10%;left:7%;right:7%}
 .participation-preview .ci-film-copy>span{font-size:13px;margin-bottom:4px}
 .participation-preview .ci-film-copy strong{font-size:25px;line-height:1.4}
 .participation-preview .ci-play{width:54px;height:54px;left:75%;top:52%}
 .participation-preview .ci-play img{width:25px;height:25px}
 .participation-preview .ci-film-label{font-size:11px;bottom:14px;left:7%;right:7%}
 .participation-preview .ci-film figcaption{font-size:11px;line-height:1.8}
 .participation-preview .ci-why{padding:43px 0 38px}
 .participation-preview .ci-why h3{font-size:25px;margin-bottom:18px}
 .participation-preview .ci-why>p:not(.ci-eyebrow){font-size:14px;line-height:1.95}
 .participation-preview .ci-desktop-br{display:none}
 .participation-preview .ci-photo-band{height:112px}
 .participation-preview .ci-businesses{padding:38px 20px 42px}
 .participation-preview .ci-businesses-label{margin-bottom:24px}
 .participation-preview .ci-business+.ci-business{margin-top:42px}
 .participation-preview .ci-business h2{font-size:24px;margin-bottom:18px}
 .participation-preview .ci-business-lead{font-size:14px;margin-bottom:22px}
 .participation-preview .ci-project{grid-template-columns:1fr;min-height:0}
 .participation-preview .ci-project>img{height:auto;aspect-ratio:4/3;min-height:0}
 .participation-preview .ci-project-copy{padding:26px 24px}
 .participation-preview .ci-project h3{font-size:25px}
 .participation-preview .ci-project .ci-project-index{margin-bottom:12px}
 .participation-preview .ci-project-copy>p:not(.ci-project-index){font-size:14px}
 .participation-preview .ci-results{padding:40px 20px 30px}
 .participation-preview .ci-results h2{font-size:26px}
 .participation-preview .ci-results-head>p:last-child{font-size:14px}
 .participation-preview .ci-results .pr-year-control{justify-content:center;margin:24px 0}
 .participation-preview .ci-result-grid{grid-template-columns:1fr;gap:22px}
 .participation-preview .ci-result-card>img{aspect-ratio:16/9}
 .participation-preview .ci-result-copy{padding:25px 24px}
 .participation-preview .ci-result-card h4{font-size:24px;margin:9px 0 12px}
 .participation-preview .ci-result-card p{font-size:14px;margin-bottom:20px}
 .participation-preview .ci-result-card a,.participation-preview .ci-result-card .ci-awaiting{font-size:13px;min-height:44px;display:inline-flex;align-items:center;padding:10px 17px}
 .participation-preview .ci-results-foot{flex-direction:column;text-align:center;gap:16px}
}