/* Realization gallery, scoped to this page; retains the shared header and footer. */
.ck-realizations-redesign{--ckr-green:#006633;--ckr-orange:#ff6633;--ckr-ink:#193c2e;--ckr-muted:#596a60;--ckr-line:#e0e8e1;color:var(--ckr-ink);background:#fff}
.ck-realizations-redesign .ckr-main{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:28px 0 64px;outline:none}
.ckr-main [hidden],.ckr-dialog [hidden]{display:none!important}
.ckr-main a{color:inherit;text-decoration:none}
.ckr-main button,.ckr-dialog button{font:inherit;cursor:pointer}
.ckr-main a:focus-visible,.ckr-main button:focus-visible,.ckr-dialog a:focus-visible,.ckr-dialog button:focus-visible{outline:2px solid #006633;outline-offset:4px}
.ckr-skip{position:fixed;z-index:120000;top:10px;left:10px;transform:translateY(-160%);padding:14px 20px;background:#fff;color:#006633;border:2px solid #006633;border-radius:8px}
.ckr-skip:focus{transform:none}
.ckr-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#45634f;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:1.1px}
.ckr-eyebrow:before{content:"";width:18px;height:2px;background:var(--ckr-orange);flex-shrink:0}
.ckr-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:70px;align-items:center;padding:12px 0 26px}
.ckr-hero h1{font-size:clamp(31px,3.4vw,44px);line-height:1.16;letter-spacing:-1.35px;font-weight:600;margin:12px 0 12px;color:var(--ckr-ink)}
.ckr-hero h1>span{color:var(--ckr-green)}
.ckr-hero-copy>p{font-size:16px;line-height:1.75;max-width:650px;color:var(--ckr-muted);margin:0 0 12px}
.ckr-main .ckr-text-link,.ckr-dialog .ckr-text-link{display:inline-flex;gap:10px;align-items:center;color:var(--ckr-green);font-size:13px;font-weight:600;line-height:1.5;min-height:44px;text-decoration:none}
.ckr-text-link>span{color:var(--ckr-orange)}
.ckr-main .ckr-text-link:hover,.ckr-dialog .ckr-text-link:hover{text-decoration:underline;text-underline-offset:3px}
.ckr-project{background:#f4f7f1;border:1px solid #e0e8db;border-radius:16px;padding:20px 24px}
.ckr-project-icon{display:block;width:36px;height:36px;color:var(--ckr-green);margin-bottom:11px}
.ckr-project h2{font-size:21px;line-height:1.35;letter-spacing:-.35px;font-weight:600;color:var(--ckr-ink);margin:0 0 9px}
.ckr-project p{font-size:14px;line-height:1.7;color:var(--ckr-muted);margin:0 0 18px;max-width:340px}
.ckr-main .ckr-button,.ckr-dialog .ckr-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:12px 18px;min-height:46px;border:1px solid var(--ckr-green);border-radius:8px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;background:var(--ckr-green);color:#fff}
.ckr-main .ckr-button:hover,.ckr-dialog .ckr-button:hover{background:#00552b;border-color:#00552b}
.ckr-main .ckr-button-outline{background:#fff;color:var(--ckr-green);border-color:#bacfbf}
.ckr-main .ckr-button-outline:hover{background:#f2f7f1;border-color:#006633}
.ckr-gallery{border-top:1px solid var(--ckr-line);padding-top:25px;scroll-margin-top:270px}
.ckr-gallery-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:20px}
.ckr-gallery-head h2,.ckr-next-step h2{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.7px;margin:9px 0 0;color:var(--ckr-ink)}
.ckr-gallery-head>p{font-size:13px;line-height:1.65;color:var(--ckr-muted);margin:0 0 3px}
.ckr-controls{padding:15px 18px;border:1px solid var(--ckr-line);background:#fafbf9;border-radius:12px}
.ckr-filter-label{display:block;font-size:12px;font-weight:600;color:#52665a;line-height:1.5;margin-bottom:11px}
.ckr-filters{display:flex;gap:8px;flex-wrap:wrap}
.ckr-filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid #d7e1d9;border-radius:7px;font-size:13px;font-weight:600;line-height:1.5;background:#fff;color:#314b3b}
.ckr-filter>span{font-size:11px;font-weight:400;color:#67786d}
.ckr-filter svg{width:16px;height:16px;flex:0 0 16px}
.ckr-filter:hover{border-color:#91ad99;background:#f1f6f0}
.ckr-filter[aria-pressed="true"]{background:var(--ckr-green);color:#fff;border-color:var(--ckr-green)}
.ckr-filter[aria-pressed="true"]>span{color:#e4eee6}
.ckr-filter-eco{border-color:#e7cbb4}
.ckr-filter-eco[aria-pressed="true"]{background:#fff0e8;border-color:#ff6633;color:#854320}
.ckr-filter-eco[aria-pressed="true"]>span{color:#854320}
.ckr-gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 15px;color:var(--ckr-muted);font-size:12px;line-height:1.6}
.ckr-gallery-meta p{margin:0}
.ckr-gallery-meta>span{display:inline-flex;align-items:center;gap:6px}
.ckr-gallery-meta svg{width:16px;height:16px;color:#617267}
.ckr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ckr-card{min-width:0;border:1px solid #e1e7e1;border-radius:13px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}
.ckr-card:hover{border-color:#a9bdae;box-shadow:0 4px 16px rgba(0,70,36,.06)}
.ckr-card-link{display:block;height:100%}
.ckr-main .ckr-card-link:focus-visible{outline-offset:-3px;border-radius:12px}
.ckr-card-photo{position:relative;aspect-ratio:3/2;background:#f1f1ed;overflow:hidden}
.ckr-card-photo>img{display:block;width:100%;height:100%;object-fit:contain}
.ckr-zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--ckr-green);box-shadow:0 1px 5px rgba(0,0,0,.07)}
.ckr-zoom svg{width:19px;height:19px}
.ckr-card-copy{padding:17px 19px 19px}
.ckr-card-format{display:flex;align-items:center;gap:9px;color:var(--ckr-green);font-size:12px;font-weight:700;line-height:1.5}
.ckr-eco-tag{font-size:10px;font-weight:500;color:#795236;background:#fff2e9;padding:2px 7px;border-radius:4px}
.ckr-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:44px;font-size:16px;font-weight:600;line-height:1.4;color:var(--ckr-ink);margin:8px 0 7px;overflow-wrap:anywhere}
.ckr-card-type{display:block;font-size:12px;line-height:1.5;color:var(--ckr-muted)}
.ckr-more{text-align:center;margin:28px 0 0}
.ckr-empty{padding:28px;border:1px solid var(--ckr-line);border-radius:10px;color:var(--ckr-muted)}
.ckr-next-step{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:center;gap:55px;padding:32px 36px;background:#f4f7f1;border:1px solid #e0e8db;border-radius:16px;margin-top:44px}
.ckr-next-step h2{font-size:26px}
.ckr-next-step p{font-size:14px;line-height:1.75;color:var(--ckr-muted);margin:14px 0 0;max-width:610px}
.ckr-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.ckr-dialog{width:min(1160px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;border:0;border-radius:14px;background:#fff;color:var(--ckr-ink);box-shadow:0 12px 60px rgba(0,0,0,.25);overflow:auto;overscroll-behavior:contain}
.ckr-dialog::backdrop{background:rgba(14,28,20,.77)}
.ckr-dialog-shell{display:flex;flex-direction:column;min-height:0}
.ckr-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--ckr-line)}
.ckr-dialog-head>div{min-width:0}
.ckr-dialog-head h2{font-size:20px;line-height:1.35;font-weight:600;margin:0 0 5px;color:var(--ckr-ink);overflow-wrap:anywhere}
.ckr-dialog-head p{font-size:12px;line-height:1.5;color:var(--ckr-muted);margin:0}
.ckr-dialog button{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #dfe7df;border-radius:50%;background:#fff;color:var(--ckr-green);padding:0}
.ckr-dialog button:hover{background:#f0f6ed;border-color:#a9bdae}
.ckr-dialog button svg{width:22px;height:22px}
.ckr-dialog-photo{position:relative;display:flex;align-items:center;justify-content:center;background:#f2f2ee;min-height:200px;height:min(63vh,660px)}
.ckr-dialog-photo>img{display:block;width:100%;height:100%;padding:12px 66px;object-fit:contain}
.ckr-dialog-photo>.ckr-dialog-prev,.ckr-dialog-photo>.ckr-dialog-next{position:absolute;z-index:1;top:calc(50% - 21px)}
.ckr-dialog-prev{left:12px}.ckr-dialog-next{right:12px}
.ckr-image-error{position:absolute;max-width:70%;font-size:14px;line-height:1.7;text-align:center;color:var(--ckr-muted)}
.ckr-dialog-bottom{display:flex;align-items:center;gap:24px;padding:15px 24px;border-top:1px solid var(--ckr-line)}
.ckr-dialog-bottom>[data-realization-counter]{font-size:12px;color:var(--ckr-muted)}
.ckr-dialog-bottom>.ckr-button{margin-left:auto}
@media(max-width:1000px){.ckr-hero{gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.ckr-hero h1{font-size:34px}.ckr-project{padding:22px}.ckr-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.ckr-next-step{gap:28px;padding:28px}.ckr-gallery-head{align-items:flex-start;flex-direction:column;gap:11px}}
@media(max-width:700px){.ck-realizations-redesign .ckr-main{width:calc(100% - 32px);padding:18px 0 40px}.ckr-hero{grid-template-columns:1fr;gap:23px;padding:16px 0 30px}.ckr-hero h1{font-size:32px;letter-spacing:-1px}.ckr-hero-copy>p{font-size:14px;line-height:1.7}.ckr-project{padding:20px;display:grid;grid-template-columns:1fr auto;column-gap:14px;align-items:center}.ckr-project-icon{display:none}.ckr-project h2{font-size:18px}.ckr-project p{font-size:13px;margin:0;grid-column:1;max-width:none}.ckr-project .ckr-button{grid-column:2;grid-row:1/3;min-height:44px;padding:10px 13px;gap:8px}.ckr-gallery{padding-top:25px}.ckr-gallery-head{margin-bottom:18px;gap:9px}.ckr-gallery-head h2{font-size:25px}.ckr-controls{padding:15px}.ckr-filters{gap:7px}.ckr-filter{padding:7px 11px;min-height:42px}.ckr-filter>span{display:none}.ckr-gallery-meta{font-size:11px;padding:16px 0 12px}.ckr-gallery-meta>span{display:none}.ckr-grid{gap:17px;grid-template-columns:1fr}.ckr-card-copy{padding:15px 17px}.ckr-card h3{min-height:0;margin-bottom:6px}.ckr-next-step{grid-template-columns:1fr;gap:21px;padding:24px 21px;margin-top:32px}.ckr-next-step h2{font-size:24px}.ckr-next-step p{font-size:13px}.ckr-next-actions{gap:6px}.ckr-next-actions>.ckr-button{width:100%}.ckr-next-actions .ckr-text-link{font-size:12px}.ckr-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:10px}.ckr-dialog-head{padding:15px;gap:13px}.ckr-dialog-head h2{font-size:17px}.ckr-dialog-photo{height:50vh;min-height:190px}.ckr-dialog-photo>img{padding:8px}.ckr-dialog-photo>.ckr-dialog-prev,.ckr-dialog-photo>.ckr-dialog-next{width:38px;height:38px;top:calc(50% - 19px);background:rgba(255,255,255,.93)}.ckr-dialog-prev{left:6px}.ckr-dialog-next{right:6px}.ckr-dialog-bottom{padding:12px 15px;gap:10px;flex-wrap:wrap;justify-content:space-between}.ckr-dialog-bottom>.ckr-button{width:100%;margin:0}.ckr-dialog-bottom .ckr-text-link{font-size:12px}.ckr-dialog-bottom>[data-realization-counter]{font-size:11px}}
@media(max-width:370px){.ckr-project{display:block}.ckr-project p{margin-bottom:14px}.ckr-hero h1{font-size:29px}.ckr-filter{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){.ckr-card{transition:none}}

/* Keep the opening concise so the photographs lead the page. */
.ckr-hero-copy>.ckr-text-link{display:none!important}
.ckr-gallery-head h2{font-size:24px;margin:0;letter-spacing:-.45px}
@media(max-width:700px){.ckr-project{display:none}.ckr-hero{gap:0;padding:8px 0 24px}.ckr-hero h1{font-size:32px;margin-top:12px}.ckr-hero-copy>.ckr-text-link{display:inline-flex!important}.ckr-gallery-head h2{font-size:22px}.ckr-gallery{scroll-margin-top:150px}}

@media(min-width:701px) and (max-width:1000px){.ckr-project{padding:18px}.ckr-project h2{font-size:18px}.ckr-project p{font-size:13px}.ckr-filter>span{display:none}.ckr-gallery-head{flex-direction:row;align-items:flex-end;gap:18px}}