/* YPUK homepage (2026 layout). Loaded only on the "Home (2026 layout)" page by the snippet "YPUK: 2026 homepage layout styles".
   Uses the Bronze tokens from bronze.css (.yb --yb-*) so light and dark mode follow theme.css automatically. */
.yh{--yh-gap:clamp(28px,5vw,64px)}
.yh .elementor-widget:not(:last-child){margin-block-end:0}
.yh .yh-eyebrow-yo{font:italic 500 19px 'Cormorant Garamond',Georgia,serif;letter-spacing:0;text-transform:none;color:var(--yb-mute);margin-left:10px}
.yh .yh-micro,.yh .yh-micro p{font-size:14px;color:var(--yb-mute);margin:0}
.yh .yb-h2 .elementor-heading-title{text-wrap:balance}
.yh .yb-h1 .elementor-heading-title{text-wrap:balance}

/* Hero photo with bronze frame */
.yh-hero-img{position:relative;align-self:stretch}
.yh-hero-img .elementor-widget-image,.yh-hero-img .elementor-widget-container,.yh-hero-img img{height:100%}
.yh-hero-img img{width:100%;min-height:440px;max-height:620px;object-fit:cover;object-position:50% 30%;filter:sepia(.42) saturate(.92)}
.yh-hero-img::after{content:"";position:absolute;inset:16px;border:1px solid var(--yb-br);opacity:.6;pointer-events:none}
@media(max-width:1024px){.yh-hero-img img{min-height:300px;max-height:380px}}

/* Sign-up strip */
.yh-signup{border-block:1px solid var(--yb-line);background:color-mix(in srgb,var(--yb-bg2) 82%,transparent)}
.yh-signup .yh-small,.yh-signup .yh-small p{font-size:12.5px;color:var(--yb-mute);margin:0}
.yh-sform .fluentform form{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.yh-sform .fluentform .ff-el-group{flex:1 1 240px;margin:0}
.yh-sform .fluentform .ff-el-input--label{display:none}
.yh-sform .fluentform .ff_submit_btn_wrapper{margin:0}
.yh-sform .fluentform .ff-el-form-control{min-height:50px;background:var(--yb-bg);border:1px solid var(--yb-line);color:var(--yb-bone);border-radius:0;font:16px 'Hanken Grotesk',sans-serif}
.yh-sform .fluentform .ff-btn-submit{min-height:50px;background:var(--yb-br)!important;color:#1b130a!important;border:1px solid var(--yb-br)!important;border-radius:0!important;font:700 13px 'Hanken Grotesk',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;padding:0 26px!important}
html[data-theme=light] .yh-sform .fluentform .ff-btn-submit{background:#5a3510!important;border-color:#5a3510!important;color:#f8f0e0!important}
.yh-sform .ff-message-success{border:1px solid var(--yb-br);background:transparent;color:var(--yb-bone);box-shadow:none}

/* Numbers */
.yh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--yb-line)}
.yh-stats div{padding:28px 20px 28px 0;display:flex;flex-direction:column;gap:6px}
.yh-stats div+div{padding-left:24px;border-left:1px solid var(--yb-line)}
.yh-stats b{font:500 clamp(44px,5vw,64px)/.9 'Cormorant Garamond',Georgia,serif;color:var(--yb-br);font-variant-numeric:lining-nums}
.yh-stats span{font-size:14.5px;color:var(--yb-mute);line-height:1.45}
@media(max-width:767px){.yh-stats{grid-template-columns:1fr 1fr}.yh-stats div:nth-child(3){padding-left:0;border-left:0}.yh-stats div:nth-child(n+3){border-top:1px solid var(--yb-line)}}

/* Pillars */
.yh-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--yb-line)}
.yh-pillars article{padding:30px 28px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--yb-line)}
.yh-pillars article:first-child{padding-left:0}.yh-pillars article:last-child{border-right:0;padding-right:0}
.yh-pillars svg{width:40px;height:40px;fill:none;stroke:var(--yb-br);stroke-width:2.2;stroke-linejoin:round}
.yh-pillars h3{margin:0;font:500 30px/1.1 'Cormorant Garamond',Georgia,serif;color:var(--yb-br)}
.yh-pillars p{margin:0;font:italic 500 20px/1.35 'Cormorant Garamond',Georgia,serif;color:var(--yb-bone)}
.yh-pillars a{margin-top:auto;font:500 12.5px 'Hanken Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--yb-br)}
@media(max-width:900px){.yh-pillars{grid-template-columns:1fr}.yh-pillars article{padding:26px 0;border-right:0;border-bottom:1px solid var(--yb-line)}}

/* Leader portrait */
.yh-portrait{position:relative}
.yh-portrait img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 20%}
.yh-portrait::after{content:"";position:absolute;inset:14px;border:1px solid var(--yb-br);opacity:.6;pointer-events:none}
.yh-sig b{display:block;font:600 26px 'Cormorant Garamond',Georgia,serif;color:var(--yb-bone)}
.yh-sig span{display:block;font-size:14.5px;color:var(--yb-mute)}

/* Case band */
.yh-case{border-block:1px solid var(--yb-line);background-color:color-mix(in srgb,var(--yb-bg2) 70%,transparent)}
.yh-case .yb-card{background:var(--yb-bg);border-color:var(--yb-br)}
.yh-case .yb-tl{margin-top:12px}

/* Campaign photo */
.yh-rally img{width:100%;aspect-ratio:720/330;object-fit:cover;object-position:50% 0}
.yh-rally{position:relative}
.yh-rally::after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,149,79,.6);pointer-events:none}
.yh-cap,.yh-cap p{font-size:13px;color:var(--yb-mute);margin:0}

/* Proverb band */
.yh-proverb{position:relative;min-height:340px;display:grid;align-items:end;overflow:hidden}
.yh-proverb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.42) saturate(.92)}
.yh-proverb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,12,9,.92),rgba(15,12,9,.2) 75%)}
.yh-proverb div{position:relative;z-index:1;max-width:1120px;width:100%;margin:0 auto;padding:40px 24px;color:#eee4d1}
.yh-proverb p{margin:0;font:italic 500 clamp(28px,3.6vw,46px)/1.15 'Cormorant Garamond',Georgia,serif;max-width:22em;color:#eee4d1}
.yh-proverb small{display:block;margin-top:12px;font-size:14px;color:#d3c8b4}

/* Ways to help */
.yh-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.yh-ways div{padding:30px;display:flex;flex-direction:column;gap:12px;background:var(--yb-bg2);border:1px solid var(--yb-line)}
.yh-ways div.f{border-color:var(--yb-br)}
.yh-ways h3{margin:0;font:500 30px/1.1 'Cormorant Garamond',Georgia,serif;color:var(--yb-bone)}
.yh-ways div.f h3{color:var(--yb-br)}
.yh-ways p{margin:0;color:var(--yb-body);font-size:16px}
.yh-ways a{margin-top:auto;align-self:flex-start;display:inline-block;padding:13px 24px;border:1px solid var(--yb-br);font:700 13px 'Hanken Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--yb-br)}
.yh-ways a.f,.yh-ways a:hover{background:var(--yb-br);color:#1b130a}
html[data-theme=light] .yh-ways a.f,html[data-theme=light] .yh-ways a:hover{color:#f8f0e0}
@media(max-width:900px){.yh-ways{grid-template-columns:1fr}}

/* Rally graphic: show only the photo at the top of the leaflet graphic */
.yh .yh-rally{overflow:hidden;aspect-ratio:342/164;max-width:460px;width:100%;position:relative}
.yh .yh-rally img{width:210.5%!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;margin:-5.3% 0 0 -62%!important;object-fit:fill}