/* Reusable project layouts. Module font sizes can be adjusted in module-font-sizes.css. */
.project-addon.addon-csr-partnership{padding-block:48px 64px;background:#fff;color:#183640}
.project-addon .addon-csr-heading{max-width:1000px;padding-left:22px;border-left:5px solid #ffca28;font-size:var(--addon-csr-title-size,32px);margin:0 0 36px}
.addon-csr-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.addon-csr-step{--csr-accent:#276a62;--csr-tint:#edf7f3;display:flex;align-items:flex-start;gap:20px;min-width:0;padding:28px;border:1px solid #18364012;border-top:4px solid var(--csr-accent);border-radius:16px;background:var(--csr-tint)}
.addon-csr-step:nth-child(7n+2){--csr-accent:#436a9a;--csr-tint:#edf3fa}
.addon-csr-step:nth-child(7n+3){--csr-accent:#896017;--csr-tint:#fff6df}
.addon-csr-step:nth-child(7n+4){--csr-accent:#795181;--csr-tint:#f7eff8}
.addon-csr-step:nth-child(7n+5){--csr-accent:#a7543d;--csr-tint:#fff0e9}
.addon-csr-step:nth-child(7n+6){--csr-accent:#367380;--csr-tint:#eaf7f9}
.addon-csr-step:nth-child(7n+7){--csr-accent:#657139;--csr-tint:#f4f6e9}
.addon-csr-step:last-child:nth-child(odd){grid-column:1/-1}
.addon-csr-number{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:var(--csr-accent);color:#fff;font-size:var(--addon-csr-number-size,20px);font-weight:700;font-variant-numeric:tabular-nums}
.addon-csr-step-copy{min-width:0}
.project-addon.addon-csr-partnership .addon-csr-step h3{font-family:inherit;font-size:var(--addon-csr-card-title-size,20px);font-weight:600;line-height:1.4;letter-spacing:normal;margin:0 0 12px;overflow-wrap:anywhere}
.project-addon.addon-csr-partnership p,.addon-csr-items,.addon-csr-benefits li{font-family:inherit;font-size:var(--addon-csr-content-size,15px);line-height:1.75;overflow-wrap:anywhere}
.addon-csr-step p{margin:0;white-space:pre-line}
.addon-csr-items{margin:14px 0 0;padding-left:20px}
.addon-csr-items li+li{margin-top:5px}
.addon-csr-items li::marker{color:var(--csr-accent)}
.addon-csr-benefits{margin-top:40px;padding:36px;border:1px solid #e1e8e3;border-radius:18px;background:linear-gradient(120deg,#f9fbf5,#eff7f5)}
.project-addon .addon-csr-benefits h2,.project-addon .addon-csr-invitation h2{font-size:var(--addon-csr-title-size,32px);margin:0 0 24px}
.addon-csr-benefits ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin:0;padding:0;list-style:none}
.addon-csr-benefits li{display:flex;align-items:flex-start;gap:12px;min-width:0}
.addon-csr-benefits li>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#276a62;color:#fff;font-size:15px;font-weight:600}
.addon-csr-connect{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:40px;padding:40px;border-radius:20px;background:linear-gradient(130deg,#173342,#244d58);color:#fff}
.addon-csr-invitation{min-width:0}
.addon-csr-invitation p{margin:0;color:#eef5f6;white-space:pre-line}
.addon-csr-contact{padding:28px;border-top:5px solid #ffca28;border-radius:14px;background:#fff;color:#183640;min-width:0}
.project-addon.addon-csr-partnership .addon-csr-contact h3{font-family:inherit;font-size:var(--addon-csr-contact-title-size,22px);line-height:1.4;font-weight:600;letter-spacing:normal;margin:0 0 18px;overflow-wrap:anywhere}
.addon-csr-contact p{margin:0 0 10px;white-space:pre-line}
.addon-csr-organisation{font-weight:600}
.addon-csr-phones{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 14px}
.addon-csr-phones a{padding:10px 14px;border-radius:8px;background:#edf6f3;color:#23594e;font-size:var(--addon-csr-content-size,15px);font-weight:600;overflow-wrap:anywhere;max-width:100%}
.addon-csr-email{font-size:var(--addon-csr-content-size,15px);color:#285a80;text-decoration:underline;overflow-wrap:anywhere}
.addon-csr-contact .addon-csr-contact-note{margin:18px 0 0;padding-top:16px;border-top:1px solid #dce5e8}
.addon-csr-contact a:focus-visible{outline:3px solid #e2aa00;outline-offset:4px}
.addon-csr-phones a:hover{background:#dceee7}
@media(max-width:900px){.addon-csr-step{padding:22px;gap:14px}.addon-csr-connect{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px}}
@media(max-width:700px){.addon-csr-steps,.addon-csr-benefits ul{grid-template-columns:minmax(0,1fr)}.project-addon.addon-csr-partnership{padding-block:32px 40px}.addon-csr-benefits{padding:24px}.addon-csr-connect{padding:24px}.addon-csr-contact{padding:22px}.addon-csr-step{gap:12px;padding:20px}.addon-csr-number{flex-basis:40px;height:40px;border-radius:11px}}
.project-addon.addon-features-design{background:#f2f2f2;padding-block:56px 64px;color:#101719}
.project-addon .addon-features-heading{display:flex;align-items:center;min-height:64px;border-left:5px solid #ffca28;padding-left:24px;margin:0 0 48px;font-size:var(--addon-features-title-size,32px);white-space:pre-line}
.addon-features-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.addon-feature-card{display:flex;align-items:center;gap:14px;min-width:0;min-height:86px;padding:20px;background:#fff;border-radius:6px}
.addon-feature-card>img{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 44px}
.addon-feature-card>span{min-width:0;font-size:var(--addon-features-text-size,15px);font-weight:600;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:1100px){.addon-features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:800px){.addon-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.addon-features-grid{grid-template-columns:minmax(0,1fr);gap:16px}.project-addon.addon-features-design{padding-block:32px 40px}.project-addon .addon-features-heading{padding-left:18px;margin-bottom:28px}}
.project-addon.addon-background-fixed{display:flex;align-items:center;min-height:600px;padding-block:100px;background-color:#29343f;background-image:linear-gradient(#18233899,#18233899),var(--addon-fixed-image,none);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:#fff}
.addon-background-fixed-copy{max-width:1000px;min-width:0}
.project-addon.addon-background-fixed h2{font-size:var(--addon-fixed-title-size,32px);color:inherit;margin:0 0 3px}
.addon-background-fixed .project-addon-content{font-size:var(--addon-fixed-content-size,15px);color:inherit;text-align:left}
.addon-background-fixed-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin-top:30px;padding:16px 24px;border:1px solid #ffca2c;background:#ffca2c;font-size:var(--addon-fixed-button-size,15px);font-weight:600;letter-spacing:3px;line-height:1.5;text-transform:uppercase;overflow-wrap:anywhere;text-align:center;text-decoration:none;transition:background-color .2s ease,color .2s ease; color: #000;}
.addon-background-fixed-button:hover{background:#fff;color:#182338;text-decoration:none}
.addon-background-fixed-button:focus-visible{outline:3px solid #ffca28;outline-offset:5px}
@media(max-width:700px){.project-addon.addon-background-fixed{min-height:440px;padding-block:64px;background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.project-addon.addon-background-fixed{background-attachment:scroll}.addon-background-fixed-button{transition:none}}
.addon-shorts-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px;min-width:0}
.addon-shorts-heading>img{display:block;width:28px;height:32px;object-fit:contain;flex-shrink:0}
.project-addon .addon-shorts-heading h2{margin:0;font-size:var(--addon-shorts-title-size,32px);color:#101719;min-width:0}
.addon-shorts-carousel{position:relative;min-width:0}
.addon-shorts-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aaa #eee}
.addon-shorts-video{position:relative;display:block;flex:0 0 calc((100% - 50px)/6);min-width:0;aspect-ratio:2/3;padding:0;border:0;border-radius:9px;overflow:hidden;background:#181818;cursor:pointer;scroll-snap-align:start}
.addon-shorts-video>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.addon-shorts-video:hover>img{transform:scale(1.035)}
.addon-shorts-play{position:absolute;inset:0;display:grid;place-items:center;background:#0002;color:#fff;font-size:32px;opacity:0;transition:opacity .2s ease}
.addon-shorts-video:hover .addon-shorts-play,.addon-shorts-video:focus-visible .addon-shorts-play{opacity:1}
.addon-shorts-video:focus-visible{outline:3px solid #ffca28;outline-offset:-4px}
.addon-shorts-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;padding:0;background:#fff;color:#111;font-size:32px;box-shadow:0 2px 8px #0003;cursor:pointer}
.addon-shorts-arrow[hidden]{display:none}
.addon-shorts-arrow:disabled{opacity:.5;cursor:default}
.addon-shorts-prev{left:8px}.addon-shorts-next{right:8px}
body.addon-shorts-open{overflow:hidden}
.addon-shorts-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:14px;border:0;border-radius:12px;background:#111;color:#fff;overflow-y:auto;font-family:var(--site-font,'Poppins',sans-serif)}
.addon-shorts-dialog::backdrop{background:#000c}
.addon-shorts-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:var(--addon-shorts-popup-size,15px)}
.addon-shorts-dialog-bar button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff6;border-radius:50%;padding:0;background:transparent;color:#fff;font-size:26px;cursor:pointer;flex-shrink:0}
.addon-shorts-player{aspect-ratio:9/16;max-height:70dvh}
.addon-shorts-player iframe{display:block;width:100%;height:100%;border:0}
.addon-shorts-youtube-link{display:inline-block;margin-top:12px;color:#fff;text-decoration:underline;font-size:var(--addon-shorts-popup-size,15px)}
@media(max-width:1100px){.addon-shorts-video{flex-basis:calc((100% - 30px)/4)}}
@media(max-width:800px){.addon-shorts-video{flex-basis:calc((100% - 20px)/3)}}
@media(max-width:540px){.addon-shorts-video{flex-basis:calc((100% - 10px)/2)}.addon-shorts-heading{gap:10px}}
@media(prefers-reduced-motion:reduce){.addon-shorts-video>img,.addon-shorts-play{transition:none}.addon-shorts-video:hover>img{transform:none}}
.project-addon{padding-block:25px;background:#fff;color:#183640;font-family:var(--site-font,'Poppins',sans-serif)}
.project-addon,.project-addon *{box-sizing:border-box}
.project-addon-container{width:min(var(--site-container,1320px),calc(100% - var(--site-gutter,24px) * 2));min-width:0;margin-inline:auto}
.project-addon h2{font-family:inherit;font-weight:600;line-height:1.3;overflow-wrap:anywhere;margin:0 0 20px}
.project-addon-content,.project-addon-card p{white-space:pre-line;overflow-wrap:anywhere;line-height:1.75;margin:0; text-align: justify;}
.addon-content-only h2{font-size:var(--addon-content-only-title-size,32px)}
.addon-content-only .project-addon-content{font-size:var(--addon-content-only-content-size,15px)}
.addon-content-without-title .project-addon-content{font-size:var(--addon-content-without-title-content-size,15px)}
.project-addon.addon-counter-module{padding:0;color:#202528;--counter-surface:#f2f2f2}
.addon-counter-intro{position:relative;isolation:isolate;padding:64px 0 70px}
.addon-counter-wave{position:absolute;inset:auto 0 0;width:100%;height:220px;color:var(--counter-surface);z-index:-1;pointer-events:none}
.addon-counter-intro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:72px}
.addon-counter-copy{min-width:0}
.addon-counter-module h2{font-size:var(--addon-counter-title-size,32px);margin:0 0 20px}
.addon-counter-module .project-addon-content{font-size:var(--addon-counter-content-size,15px);text-align:left}
.addon-counter-main-image{display:block;justify-self:center;width:100%;max-width:380px;height:auto;max-height:380px;object-fit:contain}
.addon-counter-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;padding:13px 28px;background:#452142;color:#fff;border-radius:32px;font-size:var(--addon-counter-button-size,15px);font-weight:600;max-width:100%;overflow-wrap:anywhere;text-decoration:none}
.addon-counter-button span{font-size:26px;line-height:1}
.addon-counter-button:hover{background:#60305b;color:#fff}
.addon-counter-button:focus-visible{outline:3px solid #ffca28;outline-offset:4px}
.addon-counter-data{background:var(--counter-surface);padding:36px 0 64px}
.addon-counter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:46px 32px}
.addon-counter-item{min-width:0}
.addon-counter-item>img{display:block;width:60px;height:60px;object-fit:contain;object-position:left center;margin-bottom:14px}
.project-addon.addon-counter-module .addon-counter-item h3{font-family:inherit;font-size:var(--addon-counter-number-size,64px);font-weight:700;line-height:1.15;letter-spacing:-1px;margin:0 0 6px;color:#452142;overflow-wrap:anywhere}
.project-addon.addon-counter-module .addon-counter-item p{font-family:inherit;font-size:var(--addon-counter-label-size,15px);font-weight:600;line-height:1.5;margin:0;white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:1000px){.addon-counter-intro-grid{gap:32px}.addon-counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.addon-counter-intro{padding:36px 0 44px}.addon-counter-intro-grid{grid-template-columns:minmax(0,1fr);gap:32px}.addon-counter-main-image{max-width:260px;max-height:260px}.addon-counter-wave{height:160px}.addon-counter-grid{gap:32px 20px}.addon-counter-data{padding:24px 0 40px}}
@media(max-width:400px){.addon-counter-grid{grid-template-columns:minmax(0,1fr)}}
.addon-content-right-image .project-addon-content{font-size:var(--addon-right-image-content-size,15px)}
.addon-content-left-image .project-addon-content{font-size:var(--addon-left-image-content-size,15px)}
.project-addon-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}
.project-addon-side-image{display:block;width:100%;height:auto;max-height:550px;object-fit:contain;border-radius:10px}
.project-addon-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.project-addon-card{min-width:0;min-height:330px;border:0;border-radius:10px;overflow:hidden;padding:28px 24px;background:#ffbd45;color:#271b28}
.project-addon-card:nth-child(4n+2){background:#452142;color:#e0c9e0}
.project-addon-card:nth-child(4n+3){background:#7dcab7}
.project-addon-card:nth-child(4n+4){background:#fa715b}
.project-addon-card>img{display:block;width:44px;height:44px;object-fit:contain;object-position:left center;margin:0 0 30px}
.project-addon-card>div{padding:0}
.addon-four-cards h2{font-size:var(--addon-card-title-size,20px);margin:0 0 18px;line-height:1.5;color:inherit}
.addon-four-cards p{font-size:var(--addon-card-content-size,12px);text-align:left;color:inherit}
.addon-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.addon-gallery-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:10px}
.addon-gallery-image{position:relative;display:block;min-width:0;width:100%;aspect-ratio:4/3;overflow:hidden;border:0;border-radius:10px;background:#dce8ec;padding:0;cursor:zoom-in}
.addon-gallery-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.addon-gallery-image:hover img{transform:scale(1.035)}
.addon-gallery-image:focus-visible{outline:3px solid #b58a00;outline-offset:-4px}
.addon-gallery-scroll .addon-gallery-image{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}
.addon-gallery-scroll-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}
.addon-gallery-scroll-controls[hidden]{display:none}
.addon-gallery-scroll-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#173342;color:#fff;font-size:26px;cursor:pointer}
.addon-gallery-scroll-controls button:disabled{opacity:.4;cursor:default}
body.addon-gallery-is-open{overflow:hidden}
.addon-gallery-lightbox{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:16px;border:0;border-radius:12px;background:#111;color:white;overflow-y:auto;font-family:var(--site-font,'Poppins',sans-serif)}
.addon-gallery-lightbox::backdrop{background:#000d}
.addon-gallery-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.addon-gallery-lightbox-bar span{font-size:var(--addon-gallery-caption-size,15px)}
.addon-gallery-lightbox button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #fff4;border-radius:50%;padding:0;background:#ffffff12;color:#fff;font-size:26px;cursor:pointer}
.addon-gallery-lightbox button[hidden]{display:none}
.addon-gallery-lightbox figure{margin:0}
.addon-gallery-lightbox [data-gallery-photo]{display:block;width:auto;height:auto;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto}
.addon-gallery-lightbox-actions{display:flex;justify-content:center;gap:16px;margin-top:12px}
@media(max-width:900px){.addon-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.addon-gallery-scroll .addon-gallery-image{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.addon-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.addon-gallery-scroll .addon-gallery-image{flex-basis:85%}.addon-gallery-lightbox{padding:12px}}
@media(prefers-reduced-motion:reduce){.addon-gallery-image img{transition:none}.addon-gallery-image:hover img{transform:none}}
.project-addon-bg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-addon-bg-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;min-height:630px;border-radius:16px;overflow:hidden;background:#080f1a;color:#fff}
.project-addon-bg-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover}
.project-addon-bg-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#080f1a26 0%,#080f1a55 35%,#080f1ad9 64%,#080f1a 87%)}
.project-addon-bg-copy{width:100%;padding:32px 24px 112px}
.addon-three-cards-bg h2{color:#fff;font-size:var(--addon-bg-card-title-size,24px);margin:0 0 18px}
.addon-three-cards-bg p{color:#fff;font-size:var(--addon-bg-card-content-size,15px);font-weight:400;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere;margin:0}
@media(max-width:800px){.project-addon-bg-grid{grid-template-columns:minmax(0,1fr)}.project-addon-bg-card{min-height:520px}.project-addon-bg-copy{padding:32px 24px 64px}}
@media(max-width:1000px){.project-addon-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.project-addon-split,.project-addon-cards{grid-template-columns:minmax(0,1fr)}.project-addon{padding-block:32px}.project-addon-card{min-height:0;padding:24px 20px}}