@font-face{font-family:KoruHand;src:url('assets/handwriting.ttf') format('truetype');font-display:swap;font-weight:400 700}@font-face{font-family:KoruSans;src:url('assets/sans.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--green:#284c37;--leaf:#b3d69d;--paper:#f4f4ed;--ink:#19291d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font:16px/1.5 KoruSans,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8bbb54;outline-offset:4px}h1,h2,h3,p{margin:0}img{object-fit:cover;display:block;max-width:100%}.hand{font-family:KoruHand,'Segoe Print',cursive;font-weight:500;line-height:.9;letter-spacing:-.018em}.header{height:84px;padding:0 4.5%;position:absolute;z-index:20;top:0;left:0;width:100%;color:white;display:flex;align-items:center;gap:28px}.header.scrolled{position:fixed;height:70px;background:#163823ed;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap: 6px;flex-shrink:0}.brand img{width:43px;height:43px}.brand strong{font-size:32px;font-weight:600;letter-spacing:-.035em}.brand>span{border-left:1px solid #ffffff8a;padding-left:10px;font-size: 13px;line-height:1.4;width: 158px;}.header nav{display:flex;gap:21px;margin-left:auto;align-items:center;white-space:nowrap}.header nav a,.header nav button{font-size: 16px;color:inherit;background:none;padding:0}.header nav a:hover,.header nav button:hover{color:var(--leaf)}.header-actions{display:flex;align-items:center;gap:22px}.search-toggle{border-left:1px solid #ffffff50;background:none;padding:3px 0 3px 20px;color:white}.search-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;display:block}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:28px;padding:12px 25px;min-height:45px;font-size: 15px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.volunteer{background:#284c37c9;color:white;box-shadow:0 0 25px #abd28c30;border:1px solid #95ba7c26;min-width:118px}.language{font-size: 15px;}.menu-toggle{display:none;background:none;color:white;font-size:25px}.hero{height:clamp(620px,51vw,850px);position:relative;overflow:hidden;color:white;background:#233c2c}.hero-photo{position:absolute;inset:0 0 42px;background:url('assets/reference-hero.webp') 50% 48%/cover;transform:scale(1.012) translate(var(--px,0px),var(--py,0px));transition:transform 1s}.hero-shade{position:absolute;inset:0 0 42px;background:linear-gradient(90deg,#0006 0%,transparent 47%),linear-gradient(0deg,#091b2e45,transparent 27%)}.hero-content{position:relative;padding-top:116px;margin-left:4.6%;z-index:2;width:430px}.hero h1{font-size:clamp(67px,6.45vw,98px);line-height:.78;transform:rotate(-4deg);transform-origin:left top;max-width:390px;margin-bottom:30px}.hero h1>span{display:inline-block}.hero h1>span:first-child{margin-left:16px}.indent{margin-left:42px}.indent2{margin-left:73px}.hero-content>p{font-size:16px;line-height:1.35;max-width:330px;margin:25px 0 28px 32px;text-shadow:0 1px 7px #0007}.hero-actions{display:flex;align-items:center;gap:25px;margin-left:32px}.white{background:#f7f8f2;color:#254734;min-width:138px}.intro-video{display:flex;align-items:center;gap:14px;text-align:left;color:white;background:none;font-size: 16px;padding:0}.intro-video small{display:block;font-size: 13px;}.play{height:42px;width:42px;display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:50%;font-size:17px;padding-left:3px}.hero-note{position:absolute;right:8.6%;top:55%;font-size:42px;line-height:.86;transform:rotate(-8deg);font-weight:400}.hero-note>span:first-of-type{margin-left:32px}.hero-note i{display:block;width:103px;height:13px;border-top:3px solid #98b940;border-radius:50%;margin:9px 0 0 67px;transform:rotate(-4deg)}.slide-dots{position:absolute;right:2.5%;top:53%;display:flex;flex-direction:column;gap:13px}.slide-dots button{background:none;color:#ffffff66;font-size:11px;display:flex;align-items:center;gap:10px;padding:0}.slide-dots button>span{display:block;width:17px;height:17px;border:1px solid #ffffff44;border-radius:50%}.slide-dots button.active{color:white}.slide-dots button.active>span{border:2px solid white}.impact-band{position:absolute;bottom:0;left:-1%;right:-1%;min-height:79px;background:#0d251cce;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:0;padding: 18px 5% 19px;border-radius:0 0 50% 50% / 0 0 17% 17%;z-index:3}.impact-item{display:flex;align-items:center;gap:17px;padding:0 26px;border-right:1px solid #afc5a354}.impact-item:first-child{padding-left:0}.impact-item strong{font-size: 22px;line-height:1.3;font-weight:500;white-space:nowrap}.impact-item div>span{display:block;font-size: 14px;line-height:1.3;margin-top:2px}.impact-symbol{font-family:Arial,sans-serif;font-size:43px;color:var(--leaf);line-height:1}.impact-motto{display:flex;align-items:center;gap:25px;font-size: 22px;font-weight:600;margin-left:26px;line-height:1.2}.impact-motto img{width:39px;height:39px}.impact-source{position:absolute;font-size:9px;letter-spacing:.015em;color:#d0ddc4;bottom:3px;right:7%}.projects{display:grid;grid-template-columns:220px 1fr;gap:27px;padding: 31px 4.5% 68px;position:relative;background:var(--paper)}.project-intro{display:flex;flex-direction:column;align-items:flex-start}.project-intro h2{font-size:57px;line-height:.72;padding:10px 0 22px;transform:rotate(-5deg);margin-left:6px}.project-intro h2>span:first-child{margin-left:17px}.project-intro h2 .indent{margin-left:23px}.project-intro p{font-size:12px;line-height:1.4;color:#45604b;max-width:200px;margin:8px 0 18px}.pale{background:#dbe2cc;color:#254332;min-height:42px;padding:10px 22px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;min-width:0}.project-card{position:relative;text-align:left;overflow:hidden;border-radius:11px;min-height:268px;color:white;background:#254332;padding:0;transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.card-photo{position:absolute;inset:0;background-image:url('assets/reference-cards.webp');background-size:400% 100%;transition:transform .6s}.photo-0{background-position:0% 50%}.photo-1{background-position:33.333% 50%}.photo-2{background-position:66.667% 50%}.photo-3{background-position:100% 50%}.project-card:hover .card-photo{transform:scale(1.05)}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#020c08 0%,#0a2116d0 20%,transparent 66%)}.card-copy{position:absolute;bottom:15px;left:16px;right:12px}.card-icon{display:flex;align-items:center;justify-content:center;background:#f6f8ee;color:#456e4b;border-radius:50%;width:38px;height:38px;font-size:28px;margin-bottom:10px}.card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.card-copy h3{font-size:17px;line-height:1.2;font-weight:600;letter-spacing:-.035em;padding-right:0}.card-copy p{font-size:11px;color:#ddd;margin-top:9px;line-height:1.4}.card-open{position:absolute;right:16px;bottom:90px;border:1px solid #eee;display:grid;place-items:center;border-radius:50%;width:34px;height:34px;font-size:23px;font-weight:400}.participate{position:relative;overflow:hidden;min-height:267px;color:white;background:#0b2015}.participate-photo{position:absolute;inset:0;background:url('assets/reference-banner.webp') center/cover}.participate-inner{position:relative;display:grid;grid-template-columns:230px 1fr 150px;gap:15px;align-items:center;padding:31px 4.5% 26px}.participate h2{font-size:45px;line-height:.8;transform:rotate(-7deg);margin-left:6px}.participate h2>span{margin-left:14px}.participate h2 .indent{margin-left:30px}.participate-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:15px}.participate-actions button{background:transparent;color:white;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0}.action-icon{display:flex;align-items:center;justify-content:center;width:77px;height:77px;border:1px solid #b5d79575;border-radius:50%;color:#dfebce;box-shadow:inset 0 0 20px #b9d5a208;transition:.3s}.participate-actions button:hover .action-icon{background:#96b47735;transform:translateY(-3px)}.action-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.2}.participate-actions strong{font-size: 18px;font-weight:500;margin:13px 0 5px}.participate-actions small{font-size: 14px;color:#e1e5d9;line-height:1.4}.participate-note{font-size:31px;line-height:.83;transform:rotate(-8deg);text-align:center;justify-self:end;margin-right:8px;padding-top:35px}.news{display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));gap:24px;padding:28px 4.5%;background:linear-gradient(100deg,#f0f1e8,#f8f8f3)}.news-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:15px}.news-label h2{font-size: 16px;line-height:1.35;letter-spacing:.05em;font-weight: 900;color:#254a36}.news-all{display:grid;place-items:center;width:41px;height:41px;background:#dbe2cc;border-radius:50%;font-size:22px;color:#416646;flex-shrink:0}.news-item{display:flex;gap:16px;align-items:center;position:relative;padding-right:12px}.news-item:not(:last-child):after{content:'';position:absolute;right:-12px;height:70px;width:1px;background:#d9ddcf}.news-item>img,.news-thumb{width:88px;height:90px;object-fit:cover;border-radius:4px;flex-shrink:0}.news-thumb{background-image:url('assets/reference-cards.webp');background-size:400% 100%}.thumb-0{background-position:0% 50%}.thumb-3{background-position:100% 50%}.news-item time{font-size:10px;color:#607265}.news-item h3{font-size:12px;font-weight: 800;line-height:1.4;margin-top:5px;min-height: 70px;}.news-item:hover h3{text-decoration:underline}footer{padding:28px 4.5% 20px;background:#e7ecdF;display:grid;grid-template-columns:108px 1.4fr 1fr 1.4fr;gap:24px;align-items:center;font-size: 16px;color:#3f5b45}.footer-brand{font-size:24px;font-weight:700}footer>div:not(.legal){display:flex;flex-direction:column;gap:5px}.legal{grid-column:1/-1;display:flex;gap:25px;border-top:1px solid #c4d0bc;padding-top:15px;font-size: 13px;}.legal>span{margin-left:auto}.dialog{border:0;width:min(700px,calc(100% - 30px));max-height:87svh;overflow:auto;background:var(--paper);color:var(--ink);padding:40px;border-radius:13px;box-shadow:0 15px 80px #0007}.dialog::backdrop{background:#08170fbd;backdrop-filter:blur(5px)}.dialog .hand{font-size:55px;line-height:1.1;margin:15px 0 24px;color:var(--green)}.dialog p{margin-bottom:20px}.dialog ul{line-height:1.8;padding-left:20px}.dialog a:not(.button){text-decoration:underline;color:var(--green)}.eyebrow{font-size:11px;letter-spacing:.1em;color:#628061}.close-dialog{position:absolute;right:12px;top:8px;width:38px;height:38px;font-size:30px;background:none;color:var(--green)}.green{background:var(--green);color:white;margin-top:10px}.dialog video{width:100%;border-radius:5px;background:black;max-height:55vh}.dialog form{display:flex;flex-direction:column;gap:8px}.dialog label{font-size:14px;display:block;margin-top:10px}.dialog input,.dialog textarea,.dialog select{display:block;width:100%;border:1px solid #c1cdb7;background:white;color:var(--ink);border-radius:6px;padding:11px;margin:5px 0 12px;font:inherit}.dialog textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.field-grid{grid-template-columns:1fr!important;gap:8px!important}}.form-note,#form-status{font-size:12px;color:#577058;margin-top:14px}.search-result{display:block;padding:15px 0;border-bottom:1px solid #d1dac8;text-decoration:none!important}.search-result small{display:block;color:#647b62;font-size:12px}.search-empty{margin-top:20px}.skip{position:fixed;z-index:100;left:12px;top:-70px;background:var(--paper);padding:12px}.skip:focus{top:10px}.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero-content{padding-top:145px}.projects{grid-template-columns:260px 1fr;padding-top: 68px;}.project-card{min-height: 436px;}.project-intro p{font-size:15px;max-width:230px}.card-copy h3{font-size:22px}.card-copy p{font-size:14px}.card-open{bottom:115px}.participate{min-height:320px}.participate-inner{padding-top:55px}.news{padding-top:35px;padding-bottom:35px}.news-item h3{font-size: 18px;}.news-item time{font-size:12px}}
@media(max-width:1160px){.header{gap:15px}.brand>span{display:none}.header nav{gap:17px}.header-actions{gap:18px}.projects{grid-template-columns:180px 1fr;gap:22px}.project-intro h2{font-size:50px}.impact-item{gap:11px;padding:0 16px}.impact-item strong{font-size:16px}.impact-symbol{font-size:35px}.impact-motto{margin-left:18px;gap:12px}.participate-inner{grid-template-columns:190px 1fr 100px}.participate-note{font-size:27px}.participate-actions strong{font-size:13px}.news{grid-template-columns:180px repeat(3,1fr);gap:20px}.news-item{gap:10px}.news-item>img,.news-thumb{width:65px;height:80px}.card-copy{left:12px}.card-copy h3{font-size:15px}.card-open{right:12px}}
@media(max-width:900px){.header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px 6%;background:#183b28;flex-direction:column;align-items:stretch;gap:18px}.header nav.open{display:flex}.header nav a,.header nav button{text-align:left;font-size:16px}.header-actions{margin-left:auto}.menu-toggle{display:block}.header.scrolled nav{top:70px}.hero-content{padding-top:115px}.hero h1{font-size:76px}.hero-note{right:9%;font-size:36px;top:52%}.impact-motto{display:none}.impact-item{padding:0 14px}.impact-item strong{font-size:14px}.impact-item div>span{font-size:9px}.projects{grid-template-columns:160px 1fr;gap:20px}.project-grid{grid-template-columns:repeat(2,1fr);gap:14px}.project-card{min-height:270px}.card-copy h3{font-size:18px}.card-copy p{font-size:12px}.project-intro p{font-size:14px}.participate-inner{grid-template-columns:165px 1fr;padding-top:35px;padding-bottom:35px}.participate-note{display:none}.participate h2{font-size:38px}.action-icon{width:61px;height:61px}.participate-actions strong{font-size:12px}.participate-actions small{font-size:11px}.news{grid-template-columns:160px 1fr}.news-label{grid-row:span 3;align-items:flex-start;padding-top:15px}.news-item{padding:12px 0;border-bottom:1px solid #d3ddcb}.news-item:not(:last-child):after{display:none}.news-item h3{font-size:14px}.news-item time{font-size:12px}.news-item>img,.news-thumb{width:75px;height:75px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.header{height:76px;padding:0 5%;gap:10px}.brand strong{font-size:27px}.brand img{width:34px;height:34px}.header-actions{gap:15px}.volunteer{min-width:0;padding:8px 15px;min-height:35px;font-size:11px}.search-toggle{border:0;padding:0}.language{display:none}.hero{height:780px}.hero-photo{background-position:43% 50%;inset:0 0 102px;background-size:auto 100%;}.hero-shade{inset:0 0 90px;background:linear-gradient(90deg,#0009,#0001 78%),linear-gradient(0deg,#0a2816aa,transparent 55%)}.hero-content{padding-top:130px;margin-left:6%;width:90%}.hero h1{font-size:73px;line-height:.8;margin-bottom:32px}.hero-content>p{font-size:15px;margin-left:5px;max-width:280px}.hero-actions{margin-left:5px;gap:20px}.intro-video{font-size:11px}.hero-note{right:8%;font-size:28px;top:auto;bottom:150px}.hero-note i{width:70px;margin-left:45px}.slide-dots{top:29%;right:5%}.impact-band{flex-wrap:wrap;min-height:125px;padding:13px 5% 21px;row-gap:13px;border-radius:0 0 50% 50% / 0 0 6% 6%}.impact-item{width:50%;padding:0 10px!important;border-right:0;gap:10px}.impact-item:nth-child(odd){border-right:1px solid #afc5a33a}.impact-item strong{font-size:14px}.impact-symbol{font-size:29px;width:25px;text-align:center}.impact-source{font-size:8px;right:6%;bottom:5px}.projects{display:block;padding:30px 5% 35px}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;align-items:center}.project-intro h2{font-size:51px;grid-row:span 2;padding-bottom:0;line-height:.77}.project-intro p{font-size:12px;margin:0;max-width:100%}.project-intro .button{font-size:12px;justify-self:start;padding:9px 18px;min-height:38px}.project-grid{gap:12px}.project-card{min-height:224px}.card-copy{left:12px;bottom:14px}.card-copy h3{font-size:16px}.card-copy p{font-size:10px}.card-open{width:29px;height:29px;bottom:91px;right:12px}.participate{min-height:510px}.participate-photo{background-position:68% 50%}.participate-inner{display:block;padding:30px 5%}.participate h2{font-size:43px;line-height:.77;margin:0 0 30px 10px}.participate h2 br:nth-of-type(2){display:none}.participate h2 .indent{margin-left:35px}.participate-actions{grid-template-columns:repeat(2,1fr);gap:27px 15px;padding-top:10px}.action-icon{width:65px;height:65px}.participate-actions strong{font-size:14px}.participate-actions small{font-size:12px}.news{display:block;padding:25px 5%}.news-label{padding:0 0 15px}.news-item{gap:17px}.news-item:last-child{border:0}.news-item>img,.news-thumb{width:85px;height:78px}.news-item h3{font-size:14px}.news-item time{font-size:11px}footer{display:block;padding:25px 5%}footer>p,footer>div{margin:15px 0}.legal{display:flex;flex-wrap:wrap;gap:15px;font-size:11px}.legal>span{margin-left:0}.dialog{padding:35px 24px}.dialog .hand{font-size:44px}.hand{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-photo{transform:none}}

.impact-symbol svg{display:block;width: 40px;height: 40px;fill:currentColor;stroke:var(--green);stroke-width:.7}.hero h1{font-size:clamp(65px,6.1vw,92px);margin-bottom:22px}.hero-content>p{margin-top:22px;margin-bottom:23px}@media(max-width:900px){.hero h1{font-size:73px}}@media(max-width:600px){.hero h1{font-size:73px;margin-bottom:32px}.hero-content>p{margin-top:25px;margin-bottom:28px}.impact-symbol svg{width:27px;height:27px}}
/* Complete official vector mark and photographic carousel */
.brand img,.impact-motto img{object-fit:contain;overflow:visible;flex-shrink:0}.brand img{width:46px;height:46px}.brand strong{font-weight:700}.hero{height:clamp(600px,49.5vw,820px)}.hero-photo{inset:0 0 65px;background-image:url('assets/slider-future.webp');background-position:50% 48%;background-size:cover;transition:transform 1s ease,opacity .6s ease}.hero-photo-next{opacity:0;pointer-events:none}.hero-photo-next.is-visible{opacity:1}.hero-shade{inset:0 0 65px;background:linear-gradient(90deg,#0007 0%,#0001 36%,transparent 55%),linear-gradient(0deg,#091b2e45,transparent 27%)}.hero-emblem{position:absolute;top: 22%;left:55.7%;width:29.7%;aspect-ratio:1;max-width:455px;border:1px solid #ffffff75;border-radius:50%;background-image:url('assets/slider-future.webp');background-size:230% auto;background-position:95% 43%;overflow:hidden;box-shadow:0 0 28px #ffffff12;opacity:.87;pointer-events:none;transition:background-image .6s,opacity .6s}.hero-emblem img{display:block;width:100%;height:100%;object-fit:contain}.hero-note{top:55%;right:5.8%;font-size:40px}.hero-content{z-index:3}.hero-actions{position:relative;z-index:4}.slider-controls{position:absolute;bottom:103px;right:3.4%;display:flex;align-items:center;gap:8px;z-index:5}.slider-controls button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff88;border-radius:50%;background:#132b2040;color:white;font-size:25px;line-height:1;transition:background .2s}.slider-controls button:hover{background:#274930c9}.slider-controls #slide-pause{width:auto;border-radius:20px;padding:0 14px;font-size:12px;min-width:87px}.slide-dots{z-index:5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero[data-active-slide="1"] .hero-shade,.hero[data-active-slide="2"] .hero-shade{background:linear-gradient(90deg,#071b0fce 0%,#0a211c55 44%,#08271820 70%),linear-gradient(0deg,#0b271c55,transparent 50%)}.hero[data-active-slide="1"] .hero-emblem,.hero[data-active-slide="2"] .hero-emblem{opacity:.55}
@media(max-width:900px){.hero-emblem{left:56%;top:17%;width:33%}.hero-note{font-size:33px;right:7%;top:54%}.slider-controls{right:5%;bottom:98px}.brand img{width:41px;height:41px}}
@media(max-width:600px){.hero{height:800px}.hero-photo,.hero-shade{inset:0 0 102px}.hero-photo{background-position:40% 50%!important;background-size:auto 100%}.hero-shade{background:linear-gradient(90deg,#0009,#0001 78%),linear-gradient(0deg,#0a2816aa,transparent 55%)}.hero-emblem{width:34%;left:auto;right:8%;top:auto;bottom:229px;opacity:.73;max-width:160px;background-position:97% 50%;background-size:300% auto}.hero-note{right:7%;top:auto;bottom:175px;font-size:26px}.hero-content{padding-top:124px}.slider-controls{left:7%;right:auto;bottom:152px;gap:9px}.slider-controls button{width:35px;height:35px}.slider-controls #slide-pause{font-size:12px;height:35px}.brand img{width:36px;height:36px}.hero[data-active-slide="1"] .hero-emblem,.hero[data-active-slide="2"] .hero-emblem{opacity:.7}.hero h1{font-size:70px}.hero-content>p{max-width:290px;font-size:15px}.hero-content>p br{display:none}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-emblem,.slider-controls button{transition:none!important}.hero-photo{transform:none!important}}
.hero-content{padding-top:110px}@media(min-width:1600px){.hero-content{padding-top: 248px;}}@media(max-width:600px){.hero-content{padding-top:124px}.hero h1{font-size:clamp(56px,17.5vw,70px)}}
/* Click-open, keyboard-accessible mega navigation */
.header nav{gap:17px}.nav-group{display:flex;align-items:center}.header nav .mega-trigger{display:flex;align-items:center;gap:7px;min-height:40px}.nav-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.mega-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(225deg) translate(-2px,-1px)}.header.mega-open{background:#173b2bea;backdrop-filter:blur(15px)}.mega-panel[hidden]{display:none!important}.mega-panel{position:absolute;top:calc(100% - 1px);left:4.5%;right:4.5%;display:grid;grid-template-columns: 360px 1fr;gap:0;background:#f7f8f1;color:var(--ink);border-radius:0 0 15px 15px;box-shadow:0 22px 60px #071a135c;overflow:hidden;white-space:normal;border:1px solid #dce6d4}.mega-intro{background:#e5ecdc;padding:29px 25px 30px;display:flex;flex-direction:column;align-items:flex-start}.mega-intro>span{font-size: 12px;letter-spacing:.1em;color:#4e714d;font-weight:600}.mega-intro h2{font-size:43px;line-height:.97;color:#284c37;margin:16px 0}.mega-intro p{font-size: 14px;line-height:1.55;color:#4b654c;margin:0;max-width:200px}.header nav .mega-intro .mega-all{color:#284c37;font-size:13px;margin-top:20px;border-bottom:1px solid #7f9c6d;padding-bottom:4px}.mega-links{display:grid;gap:12px;padding:31px 26px;align-items:stretch;min-width:0}.about-links{grid-template-columns:repeat(2,minmax(0,1fr))}.project-menu-links{grid-template-columns:repeat(4,minmax(0,1fr));padding:31px 20px;gap:11px}.nature-menu-links{grid-template-columns:repeat(3,minmax(0,1fr))}.header nav .mega-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;white-space:normal;background:white;border:1px solid #e0e7d9;border-radius:9px;padding:18px;color:#254734;font-size:14px;min-height:98px;transition:background .2s,border-color .2s}.header nav .mega-card:hover{color:#254734;background:#eef4e5;border-color:#b2c79d}.mega-card strong{font-size: 18px;line-height:1.35;font-weight:600;letter-spacing:-.025em;display:block}.mega-card small{font-size: 14px;line-height:1.5;color:#647461;display:block;margin-top:7px}.mega-kicker{font-size: 12px;letter-spacing:.1em;color:#6c885c;margin-bottom:7px}.header nav .mega-close{position:absolute;right:8px;top:4px;background:none;color:#496742;font-size:24px;width:27px;height:27px;line-height:1;z-index:2}.header nav .mega-project{padding:0 0 16px;justify-content:flex-start;overflow:hidden}.mega-photo{width:100%;height:103px;background-image:url('assets/reference-cards.webp');background-size:400% auto;display:block;margin-bottom:15px}.mega-project strong{padding:0 12px;font-size:14px}.mega-project small{padding:0 12px;font-size:12px}.header nav .audience-card{justify-content:flex-start;min-height:208px;padding:22px 19px}.audience-number{font-family:KoruHand,cursive;font-size:35px;color:#82a363;line-height:1;margin-bottom:18px}.audience-card strong{font-size:22px}.audience-tag{display:block;font-size:10px;letter-spacing:.05em;border-top:1px solid #dae4d0;padding-top:14px;margin-top:auto;width:100%;color:#6d845e}.audience-card small{margin-bottom:25px}.header nav .mega-card:focus-visible{outline-offset:-4px}
@media(max-width:1180px){.brand>span{display:none}.header nav{gap:14px}.mega-panel{grid-template-columns:210px 1fr}.mega-intro{padding:25px 20px}.mega-intro h2{font-size:38px}.mega-links{padding:30px 18px}.project-menu-links{gap:9px;padding:30px 15px}.mega-project strong{font-size:13px}.mega-project small{font-size:12px}}
@media(max-width:900px){.header nav{max-height:calc(100svh - 80px);overflow-y:auto;overscroll-behavior:contain;gap:17px}.header.scrolled nav{max-height:calc(100svh - 70px)}.nav-group{display:block;width:100%}.header nav .mega-trigger{width:100%;justify-content:space-between;min-height:30px;font-size:16px}.mega-panel{position:relative;top:auto;left:auto;right:auto;grid-template-columns:1fr;margin-top:13px;box-shadow:none;border-radius:10px;width:100%}.mega-intro{padding:18px 20px}.mega-intro h2{font-size:35px;margin:10px 0}.mega-intro h2 br{display:none}.mega-intro p{max-width:none;font-size:14px}.mega-intro>span{font-size:10px}.mega-links{padding:17px;gap:10px}.about-links,.project-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}.nature-menu-links{grid-template-columns:repeat(3,minmax(0,1fr))}.header nav .mega-card{min-height:100px}.header nav .mega-close{right:7px;top:7px}.header nav .audience-card{min-height:185px;padding:17px 14px}.audience-card strong{font-size:20px}.audience-tag{font-size:9px}.mega-photo{height:112px}.header nav .mega-all{margin-top:12px}}
@media(max-width:600px){.mega-links{padding:13px;gap:9px}.header nav .mega-card{padding:15px 12px}.mega-card strong{font-size:14px}.mega-card small{font-size:12px}.header nav .mega-project{padding:0 0 13px}.mega-project strong,.mega-project small{padding:0 10px}.mega-photo{height:88px;margin-bottom:11px}.nature-menu-links{grid-template-columns:1fr}.header nav .audience-card{min-height:0;display:grid;grid-template-columns:37px 1fr;gap:0 12px;align-items:start;padding:17px 14px}.audience-number{grid-row:span 3;margin:0;font-size:29px}.audience-card strong{font-size:19px}.audience-card small{margin:4px 0 0;font-size:13px}.audience-tag{margin-top:11px;font-size:9px;grid-column:2;align-self:end}.about-links{grid-template-columns:1fr}.mega-card strong{font-size:16px}.mega-kicker{font-size:10px}}

@media(max-width:600px){.hero-emblem{display:none}}

/* Full viewport hero, including mobile browser chrome changes. */
.hero{height:100vh;height:100dvh}

/* Zero waste: forest banner with the original white-lettered logo. */
.zero-waste{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 8%;background:linear-gradient(90deg,rgba(13,37,25,.94),rgba(13,37,25,.83)),url('assets/forest.webp') center 55%/cover;color:#fff;border-top:1px solid #b3d69d30;border-bottom:1px solid #b3d69d30}.zero-waste h2{font-size:clamp(40px,4vw,60px);line-height:.95;color:#f7f8f2;font-weight:500;transform:rotate(-3deg);max-width:650px}.zero-waste-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px 0 12px 48px;border-left:1px solid #b3d69d55;transition:opacity .2s}.zero-waste-logo:hover{opacity:.8}.zero-waste-logo img{display:block;width:150px;height:70px;object-fit:contain}
@media(max-width:600px){.zero-waste{flex-direction:column;align-items:flex-start;padding:38px 6%;gap:26px}.zero-waste h2{font-size:clamp(36px,10vw,48px)}.zero-waste-logo{padding:20px 0 0;border-left:0;border-top:1px solid #b3d69d55;width:100%;justify-content:flex-start}}

/* Blog: an editorial feature and two portrait cards. */
.blog-section{padding:60px 4.5% 68px;background:var(--paper)}.blog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}.blog-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#607850;margin-bottom:18px}.blog-heading h2{font-size:clamp(44px,4.2vw,62px);line-height:.95;color:var(--green)}.blog-heading>p{font-size:16px;line-height:1.7;color:#596b55;max-width:370px}.blog-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:24px}.blog-card{min-width:0;border-top:1px solid #bbc9af;padding-top:14px}.blog-card>a{display:flex;flex-direction:column;height:100%}.blog-image{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4/3;background:#dbe2cc}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-card a:hover .blog-image img{transform:scale(1.04)}.blog-tag{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);border-radius:20px;padding:7px 11px;background:#f7f8f2ed;color:#284c37;font-size:10px;letter-spacing:.06em;font-weight:700}.blog-copy{padding:20px 0 0;display:flex;flex-direction:column;flex:1}.blog-copy h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:600}.blog-copy p{font-size:14px;line-height:1.7;color:#61705b;margin:13px 0 24px}.blog-read{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:14px;border-top:1px solid #d4ddca;color:var(--green);font-size:13px;font-weight:600}.blog-read>span[aria-hidden]{font-size:23px}.blog-feature-label{font-size:10px;letter-spacing:.12em;color:#647e53;margin-bottom:12px}.blog-featured .blog-image{aspect-ratio:16/9}.blog-featured .blog-copy h3{font-size:36px}.blog-featured .blog-copy p{font-size:16px;max-width:520px}.blog-card a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.news-section{background:linear-gradient(180deg,#edf2e8 0%,#f4f6ee 100%);border-top:1px solid #d4decb}.news-section .blog-card{border-top-color:#b7c7ab}.news-section .blog-image{background:#cbd7be}.news-section .blog-tag{background:#f7f8f2;color:var(--green)}
@media(max-width:1000px){.blog-grid{gap:18px;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))}.blog-copy h3{font-size:21px}.blog-featured .blog-copy h3{font-size:29px}.blog-heading>p{max-width:310px;font-size:15px}}
@media(max-width:700px){.blog-section{padding:38px 5% 44px}.blog-heading{display:block;margin-bottom:28px}.blog-heading h2{font-size:48px}.blog-heading>p{margin-top:20px;max-width:450px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.blog-featured{grid-column:1/-1}.blog-copy h3{font-size:21px}.blog-copy p{font-size:13px}.blog-featured .blog-copy h3{font-size:30px}.blog-tag{font-size:9px;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 9px}}
@media(max-width:420px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-featured{grid-column:auto}.blog-image{aspect-ratio:16/9}.blog-copy h3{font-size:26px}.blog-copy p{font-size:14px}}

/* ==========================================================================
   ÇEREZ ONAY KUTUSU (COOKIE CONSENT BANNER & SETTINGS)
   ========================================================================== */
.cookie-consent-banner {
  position: fixed;
  bottom: 24px;
  right: 24px;
  max-width: 480px;
  width: calc(100% - 48px);
  z-index: 9999;
  background: rgba(20, 42, 30, 0.96);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(179, 214, 157, 0.35);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 20px rgba(78, 145, 98, 0.2);
  border-radius: 20px;
  padding: 24px;
  color: #f7f8f2;
  font-family: inherit;
  transform: translateY(120%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}

.cookie-consent-banner.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.cookie-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
}

.cookie-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(179, 214, 157, 0.15);
  border: 1px solid rgba(179, 214, 157, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.cookie-title-area h3 {
  font-size: 17px;
  font-weight: 700;
  color: #f7f8f2;
  line-height: 1.25;
  margin: 0;
}

.cookie-title-area span {
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #b3d69d;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

.cookie-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: #d1ddcb;
  margin: 0 0 16px 0;
}

.cookie-desc a {
  color: #b3d69d;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cookie-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.btn-cookie-accept {
  flex: 1;
  background: linear-gradient(135deg, #2d6a4f 0%, #40916c 100%);
  color: #ffffff;
  border: 1px solid #74c69d;
  padding: 10px 18px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 14px rgba(45, 106, 79, 0.4);
  text-align: center;
}

.btn-cookie-accept:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(64, 145, 108, 0.6);
}

.btn-cookie-necessary {
  background: rgba(255, 255, 255, 0.08);
  color: #e3ebd9;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 10px 16px;
  border-radius: 24px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.btn-cookie-necessary:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.btn-cookie-settings {
  background: none;
  border: none;
  color: #b3d69d;
  font-size: 12px;
  cursor: pointer;
  padding: 6px 8px;
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-left: auto;
}

/* Çerez Detay Akordeon / Panel */
.cookie-custom-panel {
  display: none;
  background: rgba(11, 25, 18, 0.7);
  border: 1px solid rgba(179, 214, 157, 0.2);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 16px;
  font-size: 12px;
}

.cookie-custom-panel.open {
  display: block;
}

.cookie-pref-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cookie-pref-row:last-child {
  border-bottom: none;
}

.cookie-pref-info strong {
  display: block;
  color: #f7f8f2;
  font-size: 12.5px;
}

.cookie-pref-info small {
  color: #9cb296;
}

/* Çerez Toggle Switch */
.switch-cookie {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 22px;
  flex-shrink: 0;
}

.switch-cookie input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-cookie {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  transition: .3s;
  border-radius: 22px;
}

.slider-cookie:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}

.switch-cookie input:checked + .slider-cookie {
  background-color: #52b788;
}

.switch-cookie input:checked + .slider-cookie:before {
  transform: translateX(16px);
}

.switch-cookie input:disabled + .slider-cookie {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Footer Çerez Butonu */
.cookie-reopen-btn {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookie-reopen-btn:hover {
  color: var(--leaf);
}

@media (max-width: 600px) {
  .cookie-consent-banner {
    bottom: 16px;
    right: 16px;
    left: 16px;
    width: auto;
    padding: 18px;
  }
  .cookie-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .btn-cookie-settings {
    text-align: center;
    margin-left: 0;
    margin-top: 4px;
  }
}

/* ==========================================================================
   GLOBAL SELECT & FORM CONTROLS STYLING
   ========================================================================== */
select,
select.form-input,
select.form-select,
.custom-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23284c37' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 18px) center !important;
  background-size: 16px 16px !important;
  padding-right: 48px !important;
  padding-left: 14px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  min-height: 46px !important;
  border: 1px solid #c8d7c2 !important;
  border-radius: 8px !important;
  background-color: #fafcfa !important;
  font-size: 14px !important;
  color: #1f3525 !important;
  font-weight: 500 !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

select:hover,
select.form-input:hover {
  border-color: #9cb894 !important;
  background-color: #ffffff !important;
}

select:focus,
select.form-input:focus,
select.form-select:focus,
.custom-select:focus {
  outline: none !important;
  border-color: #284c37 !important;
  box-shadow: 0 0 0 3px rgba(40, 76, 55, 0.12) !important;
  background-color: #ffffff !important;
}

/* PARTICIPATE ACTIONS LINKS */
.participate-actions a {
  background: transparent !important;
  color: white !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}

.participate-actions a:hover {
  text-decoration: none !important;
}

.participate-actions a:hover .action-icon {
  background: #96b47735 !important;
  transform: translateY(-3px) !important;
}

.participate-actions a strong {
  font-size: 18px !important;
  font-weight: 500 !important;
  margin: 13px 0 5px !important;
  color: #ffffff !important;
  display: block !important;
}

.participate-actions a small {
  font-size: 14px !important;
  color: #e1e5d9 !important;
  line-height: 1.4 !important;
  display: block !important;
}

@media (max-width: 1160px) {
  .participate-actions a strong {
    font-size: 13px !important;
  }
}

@media (max-width: 900px) {
  .participate-actions a strong {
    font-size: 12px !important;
  }
  .participate-actions a small {
    font-size: 11px !important;
  }
}

@media (max-width: 600px) {
  .participate-actions a strong {
    font-size: 14px !important;
  }
  .participate-actions a small {
    font-size: 12px !important;
  }
}

/* ==========================================================================
   MOBILE HERO SLIDER OVERLAP FIX & CLEAN RESPONSIVE LAYOUT
   ========================================================================== */
@media (max-width: 768px) {
  .hero {
    height: auto !important;
    min-height: 760px !important;
    padding-bottom: 140px !important;
    position: relative !important;
  }

  .hero-photo,
  .hero-shade {
    inset: 0 0 115px !important;
  }

  .hero-photo {
    background-position: 40% 50% !important;
    background-size: cover !important;
  }

  .hero-shade {
    background: linear-gradient(90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.3) 65%, transparent 100%),
                linear-gradient(0deg, rgba(10,40,22,0.85) 0%, transparent 55%) !important;
  }

  .hero-content {
    padding-top: 104px !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: 90% !important;
    position: relative !important;
    z-index: 4 !important;
  }

  .hero h1 {
    font-size: clamp(38px, 10.5vw, 50px) !important;
    line-height: 0.92 !important;
    margin-bottom: 14px !important;
    max-width: 100% !important;
    transform: rotate(-3deg) !important;
  }

  .hero-content > p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-width: 320px !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 6px rgba(0,0,0,0.6) !important;
  }

  .hero-content > p br {
    display: inline !important;
    content: ' ' !important;
  }

  .hero-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin: 0 0 20px 0 !important;
    position: relative !important;
    z-index: 5 !important;
  }

  #slide-cta.button.white {
    min-width: 130px !important;
    padding: 10px 20px !important;
    font-size: 13.5px !important;
    min-height: 40px !important;
    border-radius: 24px !important;
    flex-shrink: 0 !important;
  }

  .intro-video {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 12.5px !important;
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  }

  .intro-video .play {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
  }

  .intro-video small {
    font-size: 10.5px !important;
    opacity: 0.85 !important;
  }

  /* Secondary floating elements hidden on mobile to prevent clutter */
  .hero-note {
    display: none !important;
  }

  .hero-emblem {
    display: none !important;
  }

  /* Slider Controls: positioned cleanly at bottom left above impact band */
  .slider-controls {
    position: absolute !important;
    bottom: 138px !important;
    left: 5% !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 10 !important;
  }

  .slider-controls button {
    width: 34px !important;
    height: 34px !important;
    font-size: 20px !important;
    background: rgba(19, 43, 32, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
  }

  .slider-controls #slide-pause {
    height: 34px !important;
    font-size: 11.5px !important;
    min-width: 74px !important;
    border-radius: 17px !important;
    padding: 0 12px !important;
  }

  /* Slide Dots: positioned cleanly horizontal at bottom right */
  .slide-dots {
    position: absolute !important;
    top: auto !important;
    bottom: 144px !important;
    right: 5% !important;
    left: auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: center !important;
    z-index: 10 !important;
  }

  .slide-dots button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.65) !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
  }

  .slide-dots button.active {
    color: #ffffff !important;
    font-weight: 700 !important;
  }

  .slide-dots button > span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(255,255,255,0.6) !important;
    background: transparent !important;
  }

  .slide-dots button.active > span {
    background: #ffffff !important;
    border-color: #ffffff !important;
    width: 9px !important;
    height: 9px !important;
  }

  /* Impact Band at bottom */
  .impact-band {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    min-height: 118px !important;
    z-index: 6 !important;
  }
}

@media (max-width: 600px) {
  .project-card {
    min-height: 224px;
  }
}

/* ==========================================================================
   FOOTER GRID VE DÜZENİ
   ========================================================================== */
footer {
  padding: 28px 4.5% 20px;
  background: #e7ecdF;
  display: grid;
  grid-template-columns: 60px 1.4fr 1fr 1.4fr;
  gap: 24px;
  align-items: center;
  font-size: 16px;
  color: #3f5b45;
}

/* ==========================================================================
   HEADER SOSYAL MEDYA İKONLARI (MASAÜSTÜ & MOBİL)
   ========================================================================== */
.header-social {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Masaüstü: Şeffaf değil, opak beyaz zeminli + koyu KORU yeşili ikon ile koyu arkaplanda net görünürlük */
.social-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #1b3d2b;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  flex-shrink: 0;
}

.social-icon-btn:hover {
  background: var(--leaf, #b3d69d);
  color: #11261a;
  transform: translateY(-2px);
  border-color: var(--leaf, #b3d69d);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.32);
}

.social-icon-btn svg {
  display: block;
  width: 17px;
  height: 17px;
}

/* Mobilde headerdaki ikonlar kaldırılır (footer yeterli) */
@media (max-width: 900px) {
  .header-social {
    display: none !important;
  }
}

/* ==========================================================================
   FOOTER SOSYAL MEDYA İKONLARI
   ========================================================================== */
.footer-social-icons {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.footer-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #284c37;
  background: #ffffff;
  border: 1px solid #c7d5c0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  flex-shrink: 0;
}

.footer-social-btn:hover {
  background: #284c37;
  color: #ffffff;
  transform: translateY(-2px);
  border-color: #284c37;
  box-shadow: 0 4px 10px rgba(40, 76, 55, 0.25);
}

.footer-social-btn svg {
  display: block;
  width: 16px;
  height: 16px;
}

/* ==========================================================================
   HIZLI MESAJ MODALI (DİKEY SCROLL'SUZ KOMPAKT VE ŞIK YERLEŞİM)
   ========================================================================== */
#contact-dialog {
  max-width: 540px !important;
  width: 92% !important;
  max-height: 94vh !important;
  padding: 20px 24px 16px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

#contact-dialog .message-card {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#contact-dialog .contact-modal-header {
  margin-bottom: 8px;
  padding-right: 30px;
}

#contact-dialog .section-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #517046;
  margin-bottom: 2px;
  display: block;
}

#contact-dialog h2.hand {
  font-size: 26px !important;
  line-height: 1.1 !important;
  margin: 0 0 2px 0 !important;
  color: var(--green, #193d2a) !important;
}

#contact-dialog #contact-desc {
  font-size: 12px !important;
  color: #536253 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

#contact-dialog form {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

#contact-dialog .field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#contact-dialog label {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  margin: 0 0 2px 0 !important;
  color: #254332;
}

#contact-dialog input,
#contact-dialog select {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 10px !important;
  border: 1px solid #cbd7c4 !important;
  border-radius: 7px !important;
  background: #fbfcf9 !important;
  font-size: 13px !important;
  height: 34px !important;
  margin: 0 !important;
}

#contact-dialog textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 10px !important;
  border: 1px solid #cbd7c4 !important;
  border-radius: 7px !important;
  background: #fbfcf9 !important;
  font-size: 13px !important;
  height: 60px !important;
  min-height: 50px !important;
  resize: none !important;
  margin: 0 !important;
}

#contact-dialog .button.green {
  width: 100% !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  min-height: 35px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  margin-top: 2px !important;
}

#contact-dialog .contact-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #5b7058;
  margin-top: 2px;
}

#contact-dialog .close-dialog {
  top: 12px !important;
  right: 14px !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

@media (max-height: 480px) {
  #contact-dialog {
    max-height: 96vh !important;
    overflow-y: auto !important;
    padding: 12px 18px !important;
  }
}

@media (max-width: 480px) {
  #contact-dialog {
    padding: 16px 14px 12px !important;
  }
  #contact-dialog .field-row {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}