/* ZWTL v2 — client feedback 29 Sep 2026 */
.zw-logo{display:inline-flex;align-items:center;line-height:0}
.zw-logo img{height:58px;width:auto;display:block}
.trout-header .zw-logo img{height:62px}
.trout-menu-top .zw-logo img{height:48px}
.trout-footer-bottom .zw-logo img{height:54px}
@media (width<=767px){.trout-header .zw-logo img{height:44px}}

/* country selector */
.zw-country{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 "DM Sans",Arial,sans-serif;color:inherit}
.zw-country select{appearance:none;-webkit-appearance:none;background:#ffffff26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23082e40' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid currentColor;border-radius:999px;color:inherit;font:inherit;padding:10px 34px 10px 14px;cursor:pointer}
.zw-country select option{color:#082e40}
.trout-header .zw-country{margin-left:auto;margin-right:28px}
@media (width<=1000px){.trout-header .zw-country .zw-country-label{display:none}}
@media (width<=767px){.trout-header .zw-country{margin-right:12px;font-size:12px}.trout-header .zw-country select{padding:8px 30px 8px 11px}}
.zw-country-note{display:none;margin:0;padding:12px var(--pad);background:var(--ink);color:#fff;font-size:14px;text-align:center}
.zw-country-note.show{display:block}

/* shared section styles */
.zw-section{padding:120px var(--pad);position:relative}
.zw-section.ink{background:var(--ink);color:#fff}
.zw-section.pale{background:var(--pale)}
.zw-section.paper{background:var(--paper)}
.zw-kicker{display:flex;align-items:center;gap:14px;letter-spacing:1.4px;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 30px;color:var(--brand-text)}
.zw-section.ink .zw-kicker{color:var(--brand-light)}
.zw-kicker b{font-family:var(--serif);font-weight:400;font-size:15px;letter-spacing:0;opacity:.7}
.zw-section h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.05em;line-height:1.06;font-size:clamp(40px,5.2vw,84px);margin:0 0 40px;max-width:15ch}
.zw-section h2 em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--brand-blue)}
.zw-section.ink h2 em{color:var(--brand-light)}
.zw-lede{font-size:clamp(18px,1.5vw,23px);line-height:1.55;max-width:760px;margin:0 0 60px}
.zw-grid{display:grid;gap:2px;grid-template-columns:repeat(3,1fr)}
.zw-grid.four{grid-template-columns:repeat(4,1fr)}
.zw-grid.two{grid-template-columns:repeat(2,1fr)}
.zw-card{border-top:2px solid var(--brand-light);padding:30px 34px 34px 0}
.zw-card .num{display:block;font-family:var(--serif);font-size:15px;color:var(--brand-blue);margin-bottom:22px}
.zw-section.ink .zw-card .num{color:var(--brand-light)}
.zw-card h3{font-size:24px;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px;font-weight:600}
.zw-card p{font-size:16px;line-height:1.6;margin:0;opacity:.85}
.zw-stat{font-family:Manrope,sans-serif;font-size:clamp(50px,5vw,80px);font-weight:500;letter-spacing:-.05em;line-height:1;display:block;margin-bottom:12px;color:var(--brand-blue)}
.zw-section.ink .zw-stat{color:var(--brand-light)}
.zw-note{font-size:13px;opacity:.7;margin-top:36px;line-height:1.6;max-width:760px}
@media (width<=1000px){.zw-grid,.zw-grid.four{grid-template-columns:repeat(2,1fr)}}
@media (width<=600px){.zw-section{padding:72px var(--pad)}.zw-grid,.zw-grid.four,.zw-grid.two{grid-template-columns:1fr}.zw-card{padding-right:0}}

/* ecosystem diagram */
.zw-eco{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0;margin-top:10px}
.zw-eco-node{background:#fff;border-radius:22px;padding:34px 30px;box-shadow:0 1px 0 #c3dce9}
.zw-eco-node.mid{background:var(--brand-blue);color:#fff}
.zw-eco-node .who{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;opacity:.7}
.zw-eco-node h3{font-size:26px;letter-spacing:-.03em;margin:14px 0 12px;line-height:1.15}
.zw-eco-node p{font-size:15.5px;line-height:1.6;margin:0}
.zw-eco-node ul{margin:16px 0 0;padding-left:18px;font-size:15px;line-height:1.7}
.zw-eco-arrow{display:flex;align-items:center;justify-content:center;width:56px;color:var(--brand-blue);font-size:28px}
.zw-eco-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.zw-eco-foot div{border:1px solid var(--line);border-radius:18px;padding:22px 26px;font-size:15px;line-height:1.55}
.zw-eco-foot strong{display:block;font-size:17px;margin-bottom:6px}
@media (width<=1000px){.zw-eco{grid-template-columns:1fr}.zw-eco-arrow{width:auto;height:46px;transform:rotate(90deg)}.zw-eco-foot{grid-template-columns:1fr}}

/* tools */
.zw-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.zw-tool{display:flex;flex-direction:column;justify-content:space-between;min-height:340px;border-radius:26px;padding:42px;background:#ffffff0f;border:1px solid #ffffff26;transition:background .3s}
.zw-tool:hover{background:#ffffff1c}
.zw-tool .tag{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:var(--brand-light)}
.zw-tool h3{font-family:Manrope,sans-serif;font-size:clamp(30px,2.8vw,44px);letter-spacing:-.04em;font-weight:500;margin:18px 0 14px;line-height:1.1}
.zw-tool p{font-size:17px;line-height:1.6;opacity:.85;margin:0 0 28px;max-width:480px}
.zw-tool .go{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.zw-tools-more{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.zw-tools-more a{display:block;border-top:1px solid #ffffff40;padding:24px 0}
.zw-tools-more strong{display:block;font-size:20px;margin-bottom:6px}
.zw-tools-more span{font-size:15px;opacity:.75;line-height:1.5}
.zw-journey{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 54px;padding:0;list-style:none}
.zw-journey li{border:1px solid #ffffff40;border-radius:999px;padding:10px 18px;font-size:14px}
.zw-journey li b{color:var(--brand-light);margin-right:8px;font-weight:600}
@media (width<=767px){.zw-tools,.zw-tools-more{grid-template-columns:1fr}.zw-tool{padding:30px;min-height:0}}

/* signatories */
.zw-sig-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.zw-sig-filter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.zw-sig-filter button{background:transparent;border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:11px 20px;font:600 14px "DM Sans",sans-serif;cursor:pointer}
.zw-sig-filter button[aria-pressed=true]{background:var(--ink);color:#fff}
.zw-sig-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none}
.zw-sig-list li{border-top:1px solid var(--line);padding:24px 26px 24px 0;font-size:20px;letter-spacing:-.02em;line-height:1.35;display:flex;flex-direction:column;gap:8px}
.zw-sig-list li small{font-size:12px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:var(--brand-text)}
.zw-sig-list li[hidden]{display:none}
.zw-sig-year{font-size:14px;opacity:.75}
@media (width<=1000px){.zw-sig-list{grid-template-columns:repeat(2,1fr)}}
@media (width<=600px){.zw-sig-list{grid-template-columns:1fr}.zw-sig-list li{font-size:18px}}

/* impact */
.zw-impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 80px}
.zw-news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}
.zw-news a{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:22px}
.zw-news small{font-size:12px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:var(--brand-text)}
.zw-news strong{font-size:19px;line-height:1.35;letter-spacing:-.02em}
.zw-news span{font-size:14px;opacity:.75}
@media (width<=767px){.zw-impact-stats,.zw-news{grid-template-columns:1fr}}
.stories-section.zw-in-impact{padding:0;background:transparent}

/* about CU */
.zw-cu{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.zw-cu img{width:100%;border-radius:26px;aspect-ratio:4/3;object-fit:cover}
.zw-cu h2{max-width:none}
.zw-cu p{font-size:17px;line-height:1.65;margin:0 0 18px}
.zw-cu ul{padding-left:20px;font-size:16px;line-height:1.8;margin:6px 0 30px}
@media (width<=900px){.zw-cu{grid-template-columns:1fr;gap:40px}}

/* compact footer — smaller block, larger type */
.trout-footer{min-height:0!important;padding:72px 6vw 34px!important}
.trout-footer-main{gap:6vw!important}
.trout-footer h2{font-size:22px!important;margin-bottom:18px!important;letter-spacing:.02em}
.trout-footer h3{font-size:16px!important;margin-top:22px!important;margin-bottom:8px!important;letter-spacing:.06em}
.trout-contact-column p,.trout-contact-column a{font-size:17px!important;line-height:1.6!important}
.trout-contact-column a{min-height:0!important;margin-top:4px!important}
.trout-action-column>a{font-size:16px!important}
.trout-action-column>a.footer-action{min-height:0!important;padding:12px 0!important}
.footer-action-label{font-size:16px!important;letter-spacing:.04em}
.trout-footer-bottom{margin-top:44px!important;align-items:center!important}
.trout-footer-bottom>span,.trout-footer-bottom>div,.trout-footer-bottom>div>a{font-size:14px!important}
.trout-footer-bottom>span{display:block!important}
@media (width<=767px){.trout-footer{padding:56px 6vw 28px!important}.trout-footer-bottom>span{display:none!important}}

/* header logo polish */
.trout-header .zw-logo{margin-right:56px;flex-shrink:0}
.trout-header.is-home .zw-logo{background:#fff;border-radius:14px;padding:8px 14px}
.trout-header.is-home .zw-logo img{height:52px}
.trout-header .trout-primary{margin-right:auto}
@media (width<=767px){.trout-header .zw-logo{margin-right:12px}.trout-header.is-home .zw-logo{padding:6px 10px;border-radius:10px}.trout-header.is-home .zw-logo img{height:36px}}

/* === v2.1: transparent white header logo, inner header dark, photo bands, 3/4 footer === */
.trout-header .zw-logo,.trout-header.is-home .zw-logo{background:transparent!important;padding:0!important;border-radius:0!important}
.trout-header .zw-logo img,.trout-header.is-home .zw-logo img{height:56px}
.trout-header:not(.is-home){background:var(--ink)!important;color:#fff!important}
.trout-header .zw-country select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:#fff;border-color:#ffffffb3}
.trout-header.is-home{color:#fff}
.trout-header.is-home .trout-primary a,.trout-header.is-home .menu-toggle{color:#fff}
@media (width<=767px){.trout-header .zw-logo img,.trout-header.is-home .zw-logo img{height:38px}}

.zw-page-photo{margin:0;height:clamp(260px,48vh,560px);overflow:hidden;background:var(--ink)}
.zw-page-photo img{width:100%;height:100%;object-fit:cover;display:block}

/* footer at ~3/4 scale */
.trout-footer{padding:54px 6vw 26px!important}
.trout-footer-main{gap:4.5vw!important}
.trout-footer h2{font-size:17px!important;margin-bottom:13px!important}
.trout-footer h3{font-size:12px!important;margin-top:16px!important;margin-bottom:6px!important}
.trout-contact-column p,.trout-contact-column a{font-size:13px!important}
.trout-contact-column p{margin-bottom:10px!important}
.trout-action-column>a,.footer-action-label{font-size:12px!important}
.trout-action-column>a.footer-action{padding:9px 0!important}
.trout-action-column .action-arrow-circle{transform:scale(.8)}
.trout-footer-bottom{margin-top:33px!important}
.trout-footer-bottom .zw-logo img{height:40px}
.trout-footer-bottom>span,.trout-footer-bottom>div,.trout-footer-bottom>div>a{font-size:11px!important}
@media (width<=767px){.trout-footer{padding:42px 6vw 22px!important}}

/* v2.2: header on every page uses the homepage brand blue, white logo + text */
.trout-header:not(.is-home){background:var(--brand-blue)!important;color:#fff!important}
.trout-header:not(.is-home) a,.trout-header:not(.is-home) .menu-toggle{color:#fff!important}

/* v2.3: footer ~half height — spread groups horizontally, tighter spacing */
.trout-footer{padding:36px 5vw 18px!important}
.trout-footer-main{display:grid!important;grid-template-columns:1fr 3fr!important;gap:4vw!important;align-items:start}
.trout-action-column{display:block!important;column-count:3;column-gap:3vw}
.trout-action-column h2,.trout-action-column h3{break-after:avoid}
.trout-action-column h3{break-before:column;margin-top:0!important}
.trout-action-column h3:first-of-type{margin-top:0!important}
.trout-action-column>a{break-inside:avoid;display:flex!important}
.trout-action-column>a.footer-action{padding:6px 0!important;min-height:0!important}
.trout-action-column>a:not(.footer-action){padding:3px 0;min-height:0!important;margin:0!important}
.trout-footer h2,.trout-footer h3{font-size:13px!important;margin:0 0 10px!important;letter-spacing:.08em}
.trout-contact-column h3{font-size:12px!important}
.trout-contact-column p,.trout-contact-column a{font-size:12px!important;line-height:1.5!important}
.trout-contact-column p{margin:0 0 6px!important}
.trout-contact-column a{margin-top:2px!important}
.trout-action-column>a,.footer-action-label{font-size:12px!important}
.trout-action-column .action-arrow-circle{transform:scale(.7)}
.trout-footer-bottom{margin-top:22px!important;padding-top:14px;border-top:1px solid #ffffff26}
.trout-footer-bottom .zw-logo img{height:30px}
.trout-footer-bottom>span,.trout-footer-bottom>div,.trout-footer-bottom>div>a{font-size:11px!important}
.trout-footer-bottom>div{flex-direction:row!important;gap:16px!important;justify-content:flex-end}
@media (width<=900px){.trout-footer-main{grid-template-columns:1fr!important;gap:24px!important}.trout-action-column{column-count:1}.trout-action-column h3{break-before:auto;margin-top:16px!important}}

/* v2.4: news arrows match site; footer = half the viewport */
.zw-news .story-read-link{font-size:14px;opacity:1}
.zw-news a:hover .ui-icon-external{transform:translate(6px,-6px)}
.trout-footer{min-height:50svh!important;display:flex!important;flex-direction:column;justify-content:space-between;padding:56px 6vw 24px!important}
.trout-footer h2,.trout-footer h3{font-size:15px!important;margin-bottom:12px!important}
.trout-contact-column p,.trout-contact-column a{font-size:14px!important;line-height:1.6!important}
.trout-action-column>a,.footer-action-label{font-size:14px!important}
.trout-action-column>a.footer-action{padding:9px 0!important}
.trout-footer-bottom .zw-logo img{height:38px}
.trout-footer-bottom>span,.trout-footer-bottom>div,.trout-footer-bottom>div>a{font-size:12px!important}
@media (width<=900px){.trout-footer{min-height:0!important}}

/* v2.5: country picker in the site's pill + arrow-circle style */
.zw-country{position:relative;margin-left:auto;margin-right:24px;font:500 15px/1 "DM Sans",Arial,sans-serif}
.zw-country-btn{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:7px 7px 7px 16px;border:1px solid #ffffffb3;border-radius:100px;background:transparent;color:#fff;font:inherit;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.zw-country-btn:hover,.zw-country.open .zw-country-btn{background:#fff;color:var(--ink);border-color:#fff}
.zw-country-btn .action-arrow-circle{background:#fff;color:var(--ink);width:32px;height:32px;flex-basis:32px;--arrow-rest:90deg;--arrow-hover:90deg}
.zw-country-btn:hover .action-arrow-circle,.zw-country.open .action-arrow-circle{background:var(--ink);color:#fff}
.zw-country.open .action-arrow-glyph{transform:rotate(-90deg)!important}
.zw-flag{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #0000001f;flex:0 0 22px}
.zw-country-list{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:250px;margin:0;padding:8px;list-style:none;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 18px 50px #082e4033;animation:zwDrop .22s ease-out}
.zw-country-list[hidden]{display:none}
.zw-country-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;font-size:15px;outline:none}
.zw-country-list li small{margin-left:auto;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.zw-country-list li[data-code=MY] small{color:var(--brand-blue);font-weight:700}
.zw-country-list li:hover,.zw-country-list li:focus{background:var(--pale)}
.zw-country-list li[aria-selected=true]{background:var(--ink);color:#fff}
.zw-country-list li[aria-selected=true] small{color:var(--brand-light)}
@keyframes zwDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (width<=767px){.zw-country{margin-right:10px;font-size:13px}.zw-country-name{display:none}.zw-country-btn{gap:8px;padding:5px 5px 5px 10px;min-height:40px}.zw-country-btn .action-arrow-circle{width:28px;height:28px;flex-basis:28px}}

/* v2.5: intro — one by one, fast */
@keyframes zwIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes zwChar{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
.zw-in{animation:zwIn .45s cubic-bezier(.2,.7,.2,1) both}
.zw-in-char{display:inline-block;animation:zwChar .4s cubic-bezier(.2,.7,.2,1) both}
.page-hero .zw-in-char{display:block}
.page-hero .page-hero-bottom.zw-in-char{display:flex}
@media (prefers-reduced-motion:reduce){.zw-in,.zw-in-char{animation:none}}

/* v2.6 */
/* signatories */
@keyframes zwPop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.zw-sig-list li.zw-pop{animation:zwPop .38s cubic-bezier(.2,.7,.2,1) both}
.zw-sig-filter button{transition:background .25s,color .25s}
.zw-sig-more{margin-top:32px!important}
.zw-sig-more[hidden]{display:none}
.zw-sig-more .action-arrow-circle{--arrow-rest:90deg;--arrow-hover:90deg}
.zw-sig-more.is-open .action-arrow-glyph{transform:rotate(-90deg)!important}

/* Control Union button + mobile photo */
#about-cu .trout-pill{margin-top:14px!important}
@media (width<=900px){.zw-cu img{display:none}}

/* movement page: centre hero + stats on mobile */
@media (width<=767px){
 .zw-center-m{text-align:center}
 .zw-center-m.page-hero .page-hero-bottom{flex-direction:column;align-items:center}
 .zw-center-m.page-hero .button-row{justify-content:center}
 .zw-center-m.page-hero .eyebrow{position:static;display:block}
 .zw-center-m.pledge-facts>div{display:flex;flex-direction:column;align-items:center}
}

/* lightbox arrows */
.zw-lb-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:14px}
.zw-lb-nav button{background:transparent;border:0;padding:4px;cursor:pointer}
.zw-lb-nav .action-arrow-circle{width:44px;height:44px;flex-basis:44px;background:#fff;color:var(--ink)}
.zw-lb-nav button:hover .action-arrow-circle{background:var(--brand-light)}
.zw-lb-prev .action-arrow-circle{--arrow-rest:180deg;--arrow-hover:180deg}
.zw-lb-count{font-size:13px;letter-spacing:.08em;min-width:64px;text-align:center}
@keyframes zwSlideL{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes zwSlideR{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
.photo-dialog>img.zw-slide-l{animation:zwSlideL .3s ease-out}
.photo-dialog>img.zw-slide-r{animation:zwSlideR .3s ease-out}
.photo-dialog{touch-action:pan-y}

/* footer: 3/4 of the screen height */
.trout-footer{min-height:75svh!important;padding:80px 6vw 30px!important}
.trout-footer h2,.trout-footer h3{font-size:17px!important;margin-bottom:14px!important}
.trout-contact-column p,.trout-contact-column a{font-size:16px!important}
.trout-action-column>a,.footer-action-label{font-size:15px!important}
.trout-action-column>a.footer-action{padding:11px 0!important}
.trout-footer-bottom .zw-logo img{height:44px}
.trout-footer-bottom>span,.trout-footer-bottom>div,.trout-footer-bottom>div>a{font-size:13px!important}
@media (width<=900px){.trout-footer{min-height:0!important}}

@media (max-width:900px){#about-cu .zw-cu>img{display:none!important}}

/* v2.7: tool card photos */
.zw-tool-photo{position:relative;overflow:hidden;isolation:isolate;border:0}
.zw-tool-photo::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover;transition:transform .6s}
.zw-tool-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#082e40b3 0%,#082e40e6 100%)}
.zw-tool-photo:hover::before{transform:scale(1.05)}
/* CU photo matches text height */
.zw-cu{align-items:stretch}
.zw-cu img{height:100%;aspect-ratio:auto;min-height:0}
/* calmer mobile menu */
.zw-menu a{font-size:24px!important;line-height:1.25!important;padding:7px 0!important}
.zw-menu-more{margin-top:18px;border-top:1px solid #ffffff26;padding-top:14px;color:#fff}
.zw-menu-more summary{cursor:pointer;font-size:14px;letter-spacing:.1em;text-transform:uppercase;opacity:.75;list-style:none}
.zw-menu-more summary::after{content:" +"}
.zw-menu-more[open] summary::after{content:" −"}
.zw-menu-more div{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:12px}
.zw-menu-more a{font-size:15px;opacity:.9}
.trout-menu-bottom a{font-size:14px!important}

.zw-menu-more{padding-left:inherit;margin-left:inherit}
.trout-menu .zw-menu-more{padding-left:var(--mobile-gutter,24px);padding-right:var(--mobile-gutter,24px)}
@media (width>767px){.trout-menu .zw-menu-more{padding-left:172px}}

/* v2.10: mobile country pill shows full name */
@media (width<=767px){
 .trout-header .zw-country-name{display:inline!important}
 .trout-header .zw-country{margin-left:auto;margin-right:10px;font-size:13px}
 .trout-header .zw-country-btn{gap:8px;padding:5px 5px 5px 12px;min-height:40px}
 .trout-header .zw-country-list{right:-60px;min-width:240px}
}
@media (width<=370px){.trout-header .zw-flag{display:none}}

/* v2.11: stock photos framed at native size so the whole picture is visible */
.zw-page-photo{height:auto!important;background:var(--paper)!important;padding:56px var(--pad)!important;overflow:visible!important}
.zw-page-photo img{width:100%!important;max-width:960px;height:auto!important;aspect-ratio:16/9;object-fit:cover;margin:0 auto;border-radius:24px;display:block}
@media (width<=767px){.zw-page-photo{padding:28px var(--mobile-gutter,20px)!important}.zw-page-photo img{border-radius:16px;aspect-ratio:3/2}}

/* v2.12: bigger mobile menu links */
@media (width<=767px){.zw-menu a{font-size:clamp(32px,9vw,38px)!important;line-height:1.15!important;padding:6px 0!important;letter-spacing:-.03em}}

/* v2.13: FAQ-style show all / show fewer */
.zw-sig-more{display:flex!important;width:100%;justify-content:space-between;align-items:center;gap:25px;margin:0!important;padding:25px 0!important;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);font:500 20px/1.3 "DM Sans",sans-serif;letter-spacing:-.025em;cursor:pointer;text-align:left}
.zw-sig-more[hidden]{display:none!important}
.zw-sig-more:hover{background:transparent;color:var(--brand-blue)}
.zw-sig-plus{flex-shrink:0;font-size:26px;font-weight:400;line-height:1;transition:transform .2s}
.zw-sig-more.is-open .zw-sig-plus{transform:rotate(45deg)}
@media (width<=767px){.zw-sig-more{padding:21px 0!important;font-size:17px}}

/* v2.13: centre impact intro + stats on mobile */
@media (width<=767px){
 #impact .zw-kicker{justify-content:center}
 #impact > h2{text-align:center;margin-left:auto;margin-right:auto}
 #impact .zw-impact-stats{text-align:center}
 #impact .zw-impact-stats > div{display:flex;flex-direction:column;align-items:center}
}

/* v2.14: smooth collapse */
@keyframes zwOut{to{opacity:0;transform:translateY(10px)}}
.zw-sig-list li.zw-out{animation:zwOut .22s ease-in both}

/* v2.15: custom "I'm interested in" dropdown */
.zw-select{position:relative;margin-top:10px}
.zw-select-native{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-height:0!important;padding:0!important}
.zw-select-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:8px 8px 8px 22px;background:#fff;border:1px solid var(--line);border-radius:100px;color:var(--ink);font:500 16px "DM Sans",sans-serif;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s}
.zw-select-btn:hover,.zw-select.open .zw-select-btn{border-color:var(--ink);box-shadow:0 6px 20px #082e4014}
.zw-select-btn .action-arrow-circle{background:var(--ink);color:#fff;--arrow-rest:90deg;--arrow-hover:90deg}
.zw-select.open .zw-select-btn .action-arrow-glyph{transform:rotate(-90deg)!important}
.zw-select-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;margin:0;padding:8px;list-style:none;background:#fff;border-radius:20px;box-shadow:0 18px 50px #082e4026;max-height:340px;overflow:auto;animation:zwDrop .2s ease-out}
.zw-select-list[hidden]{display:none}
.zw-select-list li{padding:13px 16px;border-radius:12px;cursor:pointer;font-size:15px;outline:none;color:var(--ink)}
.zw-select-list li:hover,.zw-select-list li:focus{background:var(--pale)}
.zw-select-list li[aria-selected=true]{background:var(--ink);color:#fff}

.zw-sig-list li.zw-out{animation:zwOut .3s ease-in both}

/* v2.16: native cross-page transition — old page stays until the new one is ready, then crossfades */
@view-transition{navigation:auto}
.trout-header{view-transition-name:zw-header}
::view-transition-group(root){animation-duration:.32s}
::view-transition-old(root){animation:zwVtOut .22s ease-in both}
::view-transition-new(root){animation:zwVtIn .32s cubic-bezier(.2,.7,.2,1) both}
@keyframes zwVtOut{to{opacity:0;transform:translateY(-8px)}}
@keyframes zwVtIn{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.page-transition-cover{display:none!important}

/* v2.17: desktop overlay menu = original full list; mobile keeps simplified menu */
@media (width>767px){.trout-menu .zw-menu,.trout-menu .zw-menu-more{display:none!important}}
@media (width<=767px){.trout-menu .zw-menu-desktop{display:none!important}}