/*
Theme Name: Zanzibar Skills Editorial
Theme URI: https://zanzibar-skills.org
Author: Ausbildungsverbund Teltow e.V.
Description: Editorial water-journal theme for the Zanzibar–German Technical Education and Training Cooperation Project.
Version: 1.1.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: zanzibar-skills
*/

:root{--ink:#102c34;--blue:#087e8b;--mint:#8ad8cc;--coral:#ed6a4e;--paper:#f3efe4;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-80px;left:12px;z-index:1000;padding:12px 18px;background:var(--coral);color:#fff}.skip-link:focus{top:12px}
.site-head{height:88px;display:grid;grid-template-columns:minmax(220px,.8fr) auto auto auto;gap:2vw;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(16,44,52,.18);background:var(--paper);position:relative;z-index:50}.wordmark{display:flex;flex-direction:column;width:fit-content}.wordmark b{color:var(--blue);font-size:14px;letter-spacing:.1em}.wordmark span{margin-top:4px;font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.header-partners{min-height:54px;display:flex;align-items:center;gap:11px;padding:6px 13px;background:rgba(255,255,255,.88);border:1px solid rgba(16,44,52,.12);border-radius:999px;box-shadow:0 7px 22px rgba(16,44,52,.07)}.header-partners>span{padding-right:10px;border-right:1px solid rgba(16,44,52,.14);color:#64787c;font-size:6px;font-weight:800;letter-spacing:.14em;line-height:1.3}.header-partners a{display:grid;place-items:center;width:58px;height:36px}.header-partners img{max-width:58px;max-height:30px;object-fit:contain;mix-blend-mode:multiply}.primary-menu{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.primary-menu a,.head-contact{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.head-contact{justify-self:end;padding-bottom:7px;border-bottom:1px solid var(--ink)}.head-contact span{color:var(--coral);margin-left:12px}.menu-toggle{display:none;border:0;background:var(--ink);color:white;padding:10px 13px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hero{min-height:calc(100vh - 88px);position:relative;display:grid;align-items:end;overflow:hidden;color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,37,45,.78),rgba(6,37,45,.18) 62%,rgba(6,37,45,.5))}.hero-copy{position:relative;z-index:2;max-width:1050px;padding:8vh 7vw 9vh}.kicker{display:block;margin-bottom:30px;color:var(--mint);font-size:9px;font-weight:800;letter-spacing:.2em}.hero h1,.section-title{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:.92}.hero h1{margin:0;color:white;font-size:clamp(72px,9.8vw,158px)}em{color:var(--coral)}.hero-copy p{max-width:690px;margin:28px 0;font:400 clamp(17px,1.7vw,25px)/1.55 Georgia,serif}.button{display:inline-flex;justify-content:space-between;gap:40px;padding:16px 20px;border:0;background:var(--coral);color:#fff;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.button.light{background:#fff;color:var(--ink)}.button span{color:var(--mint)}
.logo-strip{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:30px;padding:24px 5vw;background:#fff;border-bottom:1px solid rgba(16,44,52,.15)}.logo-strip>span,.section-label{font-size:8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.logo-strip>div{display:flex;align-items:center;justify-content:space-around;gap:28px}.logo-strip img{width:auto;max-width:145px;height:40px;object-fit:contain}
.section{padding:120px 8vw}.story{display:grid;grid-template-columns:.35fr 1.65fr;gap:7vw}.section-label{color:var(--blue)}.statement{max-width:1100px;margin:0;font:400 clamp(42px,5.5vw,84px)/1.08 Georgia,serif;letter-spacing:-.045em}.story-cols{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:850px;margin:60px 0 0 auto}.story-cols p,.section-copy{color:#526a70;font-size:14px;line-height:1.8}
.programme{background:#0c4852;color:#fff}.programme-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:5vw;align-items:end}.programme .section-label,.watch .section-label,.contact .section-label{color:var(--mint)}.section-title{margin:32px 0 0;font-size:clamp(55px,7vw,105px)}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.22)}.area-grid article{min-height:390px;display:flex;flex-direction:column;padding:34px;background:#0c4852}.area-grid article>span{color:var(--mint);font-size:10px;font-weight:800}.area-grid h3,.post-card h2,.post-card h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:1}.area-grid h3{margin:80px 0 20px;color:#fff;font-size:42px}.area-grid p{color:#b8d2d1;font-size:13px;line-height:1.7}.area-grid i{margin-top:auto;color:var(--coral);font-size:24px;font-style:normal}
.metrics{display:grid;grid-template-columns:.8fr 1.6fr .8fr .8fr;background:var(--mint)}.metrics>*{min-height:190px;display:flex;flex-direction:column;justify-content:center;padding:30px;border-right:1px solid rgba(16,44,52,.22)}.metrics b{font:400 65px/1 Georgia,serif}.metrics span{margin-top:14px;font-size:7px;font-weight:800;letter-spacing:.15em;line-height:1.5}.metrics blockquote{margin:0;font:italic 400 clamp(28px,3.8vw,55px)/1.15 Georgia,serif}
.watch{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center;background:var(--ink);color:#fff}.watch p{color:#b4c5c8;line-height:1.7}.video-box{box-shadow:25px 25px 0 var(--coral)}.video-consent,.video-box iframe{width:100%;aspect-ratio:16/9;border:0}.video-consent{display:grid;place-items:center;padding:30px;text-align:center;background:linear-gradient(rgba(16,44,52,.78),rgba(16,44,52,.9)),url('assets/images/hero-water.jpg') center/cover}.video-consent strong{display:block;font:400 32px/1.1 Georgia,serif}.video-consent p{max-width:520px;font-size:12px}.video-consent button{border:0;padding:14px 18px;background:var(--coral);color:#fff;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.journal-head{display:flex;align-items:end;justify-content:space-between}.journal-head>a{padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.post-card{background:#fff}.post-thumb{display:block;height:270px;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-thumb img{transform:scale(1.035)}.post-body{padding:28px}.post-meta{display:flex;gap:14px;color:var(--coral);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.post-card h3{margin:18px 0;font-size:32px}.post-card p{color:#63777b;font-size:13px;line-height:1.65}.read-more{display:inline-block;margin-top:10px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.partners{background:var(--blue);color:#fff}.partners .section-label{color:var(--mint)}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.partner-grid a{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;background:#fff;color:var(--ink)}.partner-grid img{width:100%;height:110px;object-fit:contain}.partner-grid span{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:var(--ink);color:#fff}.contact p{color:#b4c5c8}.contact-email{display:inline-block;margin-top:18px;color:var(--mint);border-bottom:1px solid var(--mint);padding-bottom:6px}.contact form{display:grid;gap:18px;padding:35px;background:#173b43}.contact label{display:grid;gap:8px;color:var(--mint);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.contact input,.contact textarea{border:0;border-bottom:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:11px 0;outline:none}.contact textarea{resize:vertical}.contact .consent{display:flex;align-items:flex-start;gap:10px;color:#b4c5c8;line-height:1.4;text-transform:none;letter-spacing:0}.consent input{width:16px;height:16px;accent-color:var(--coral)}.notice{padding:14px;background:#dff5ee;color:#07543f;border-left:3px solid #15966f}.notice.error{background:#fff0eb;color:#7f2d1e;border-color:var(--coral)}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.site-footer{padding:55px 5vw 22px;background:#06252c;color:#fff}.footer-main{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;padding-bottom:40px}.footer-social,.footer-legal{display:flex;gap:22px;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.footer-legal{justify-self:end}.footer-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.15);color:#789198;font-size:7px;letter-spacing:.12em}.content-shell{max-width:1000px;margin:auto;padding:100px 7vw}.entry-title{font:400 clamp(48px,7vw,92px)/.95 Georgia,serif;letter-spacing:-.05em}.entry-content{font:400 17px/1.8 Georgia,serif}.entry-content a{color:var(--blue);text-decoration:underline}.pagination{display:flex;gap:18px;margin-top:45px}.legal-content h2{margin-top:42px;font:400 34px/1.1 Georgia,serif}.legal-content address{font-style:normal}
@media(max-width:900px){.site-head{grid-template-columns:1fr auto auto}.primary-nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:24px}.primary-nav.open{display:block}.primary-menu{display:grid}.menu-toggle{display:block;justify-self:end}.head-contact{display:none}.logo-strip{grid-template-columns:1fr}.logo-strip>div{display:grid;grid-template-columns:repeat(3,1fr)}.story,.programme-head,.watch,.contact{grid-template-columns:1fr}.area-grid,.partner-grid,.post-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr}.footer-legal{justify-self:start}}
@media(max-width:560px){.site-head{height:124px;grid-template-columns:1fr auto;align-items:start;padding-top:20px}.header-partners{position:absolute;left:0;right:0;bottom:0;min-height:46px;justify-content:center;border-width:1px 0 0;border-radius:0;box-shadow:none}.header-partners>span{display:none}.header-partners a{width:68px}.primary-nav{top:124px}.hero{min-height:700px}.hero h1{font-size:66px}.section{padding:85px 7vw}.story-cols{grid-template-columns:1fr}.section-title{font-size:52px}.logo-strip>div{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr}.footer-social,.footer-legal{flex-wrap:wrap}}

/* Official partner and German funding presentation */
.resources{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;background:#dcefed}.resources-head .section-title{color:var(--ink)}.resources-head>p{margin-top:28px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.resource-grid article{background:#fff;box-shadow:15px 15px 0 rgba(8,126,139,.12)}.resource-cover{height:360px;position:relative;display:block;overflow:hidden;background:#dff5f7}.resource-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.resource-cover:hover img{transform:scale(1.025)}.resource-cover span{position:absolute;right:0;bottom:0;padding:12px 15px;background:var(--coral);color:#fff;font-size:8px;font-weight:800;letter-spacing:.14em}.resource-grid article>div{padding:28px}.resource-grid small{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.14em}.resource-grid h3{margin:18px 0;color:var(--ink);font:400 34px/1 Georgia,serif;letter-spacing:-.04em}.resource-grid p{color:#63777b;font-size:13px;line-height:1.65}.resource-grid article>div>a{display:inline-block;margin-top:15px;padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.header-partners>i{width:1px;height:34px;background:rgba(16,44,52,.14)}.header-partners .funded-label{padding:0;border:0;color:var(--coral);writing-mode:vertical-rl;transform:rotate(180deg)}.header-partners .header-funder-logo{width:125px;max-width:125px;height:42px;max-height:42px}.hero-funder{position:absolute;z-index:3;right:4vw;bottom:6vh;width:min(360px,36vw);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:10px 14px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 18px 45px rgba(6,37,45,.2)}.hero-funder span{color:var(--coral);font-size:7px;font-weight:800;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-funder img{width:100%;height:105px;object-fit:contain}.logo-strip .logo-kist{max-width:62px;height:58px}.logo-strip .logo-funder{max-width:260px;height:70px}.funding{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;background:#fff}.funding .section-title{color:var(--ink)}.funding-logos{display:grid;grid-template-columns:1.3fr .7fr .55fr;gap:30px;align-items:center;padding:28px;background:#f8f6ef;border-left:5px solid var(--coral)}.funding-logos img{width:100%;max-height:160px;object-fit:contain}.funding-logos .sequa-logo{max-height:70px}.footer-main{grid-template-columns:1fr minmax(320px,430px) auto auto}.footer-funder{display:grid;grid-template-columns:auto 1fr 90px;gap:9px;align-items:center;padding:8px 12px;background:#fff;color:var(--ink)}.footer-funder span{color:var(--coral);font-size:6px;font-weight:800;letter-spacing:.14em;writing-mode:vertical-rl;transform:rotate(180deg)}.footer-funder img{width:100%;height:72px;object-fit:contain}.footer-funder .footer-sequa{height:44px}
@media(max-width:1100px){.header-partners>span:first-child{display:none}}
@media(max-width:900px){.header-partners .header-funder-logo{width:104px;max-width:104px}.funding,.resources{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-legal{justify-self:start}}
@media(max-width:560px){.header-partners>i,.header-partners .funded-label{display:none}.header-partners .header-funder-logo{width:92px;max-width:92px}.hero-funder{right:7vw;bottom:24px;width:230px}.hero-funder img{height:78px}.funding,.resources{padding:85px 7vw}.funding-logos,.resource-grid{grid-template-columns:1fr}.resource-cover{height:320px}.footer-main{grid-template-columns:1fr}.footer-funder{max-width:360px}}

/* 1.1 — current project gallery, named video wall, flyer information tabs */
.site-head{grid-template-columns:minmax(210px,.8fr) auto auto auto auto;gap:1.25vw;padding-left:3vw;padding-right:3vw}.primary-menu a,.head-contact,.language-link{font-size:9px;letter-spacing:.1em}.language-link{padding:8px 10px;border:1px solid rgba(16,44,52,.25);border-radius:999px;background:#fff;font-weight:800;text-transform:uppercase}.language-link span{color:var(--coral)}
.current-gallery{background:#f8f6ef}.gallery-head{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.gallery-head>p{color:#526a70;line-height:1.75}.current-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.current-grid figure{margin:0;overflow:hidden;background:#fff}.current-grid img{width:100%;height:360px;object-fit:cover}.current-grid figcaption{display:grid;gap:8px;padding:18px}.current-grid figcaption span{color:var(--coral);font-size:7px;font-weight:800;letter-spacing:.15em}.current-grid figcaption b{font:400 19px/1.2 Georgia,serif}
.watch{grid-template-columns:.55fr 1.45fr;gap:5vw;align-items:start}.watch-channel{display:inline-block;margin-top:20px;padding-bottom:7px;border-bottom:1px solid var(--mint);color:var(--mint);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.youtube-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.youtube-gallery article{overflow:hidden;background:#0c4852;box-shadow:9px 9px 0 rgba(237,106,78,.88)}.youtube-gallery iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#061f25}.youtube-gallery article>div{min-height:70px;display:grid;gap:8px;padding:13px 15px}.youtube-gallery span{color:var(--coral);font-size:7px;font-weight:800;letter-spacing:.15em}.youtube-gallery b{font-size:11px;line-height:1.35}
.project-information{background:#dcefed}.information-head{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.information-head>p{color:#526a70;line-height:1.75}.info-tabs{display:flex;gap:1px;margin-top:55px}.info-tabs button{flex:1;padding:20px;border:0;background:#bcdedb;color:var(--ink);cursor:pointer;text-align:left;font-weight:800}.info-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}.info-tabs span{margin-right:16px;color:var(--coral)}.info-panel{padding:50px;background:#fff}.info-intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.info-intro small{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.13em}.info-intro h3{margin:16px 0;font:400 43px/1 Georgia,serif}.info-intro p,.info-card-grid p,.info-panel aside p{color:#526a70;line-height:1.7}.info-panel aside{display:grid;grid-template-columns:.35fr 1.65fr;gap:35px;margin:40px 0;padding:25px;background:var(--mint)}.info-panel aside b{font:400 34px/1 Georgia,serif}.info-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d5dfdc}.info-card-grid article{padding:28px;background:#f8f6ef}.info-card-grid article>span{color:var(--coral);font-size:9px;font-weight:800}.info-card-grid h4{font:400 25px/1.1 Georgia,serif}.water-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;background:#c6d9d7}.water-facts>div{display:grid;gap:10px;padding:24px;background:var(--ink);color:#fff}.water-facts b{font:400 34px/1 Georgia,serif}.water-facts span{color:var(--mint);font-size:7px;font-weight:800;letter-spacing:.12em}
@media(max-width:1100px){.site-head{grid-template-columns:minmax(190px,.8fr) auto auto auto}.language-link{justify-self:end}.primary-nav{display:none}}
@media(max-width:900px){.site-head{grid-template-columns:1fr auto auto}.gallery-head,.information-head,.info-intro{grid-template-columns:1fr}.current-grid{grid-template-columns:repeat(2,1fr)}.water-facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-head{grid-template-columns:1fr auto auto}.language-link{padding:7px;font-size:8px}.current-grid,.youtube-gallery,.info-card-grid,.water-facts{grid-template-columns:1fr}.info-panel{padding:26px}.info-panel aside{grid-template-columns:1fr}}