/* Страница проекта фонда "Молодь в Дії". Язык сайта: чёрный, жёлтый, синий, узкий гротеск, параллелограммы. */
.yia-pr{--ink:#1c1c1c;--sun:#f9d34d;--sky:#2f89dc;--fog:#f4f4f4;--line:#e2e2e2;--mute:#6f6f6f;color:var(--ink);overflow:hidden}
.yia-pr *{box-sizing:border-box}
.yia-pr-wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.yia-pr h1,.yia-pr h2{margin:0;color:var(--ink);font-weight:700;letter-spacing:-.01em}
.yia-pr h2{font-size:clamp(30px,3.4vw,48px);line-height:1.02}
.yia-pr-cols{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px 72px;align-items:start}

/* hero */
.yia-pr-hero{position:relative;overflow:hidden;background:var(--fog);padding:132px 0 96px}
.yia-pr-hero__mark{position:absolute;left:-.04em;bottom:-.2em;font-size:clamp(150px,27vw,430px);line-height:.8;font-weight:700;color:#fff;white-space:nowrap;pointer-events:none;user-select:none;letter-spacing:-.03em}
.yia-pr-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.yia-pr .yia-pr-tag{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 22px;font-size:15px;line-height:1;color:var(--mute)}
.yia-pr-tag b{display:inline-block;padding:9px 18px 10px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.yia-pr--active .yia-pr-tag b{background:var(--sun);color:var(--ink)}
.yia-pr h1{font-size:clamp(46px,7.2vw,112px);line-height:.94;text-wrap:balance}
.yia-pr h1.is-long{font-size:clamp(34px,4.3vw,66px);line-height:1}
.yia-pr .yia-pr-hero__lead{margin:28px 0 0;max-width:30em;font-size:clamp(18px,1.5vw,22px);line-height:1.45;color:#3a3a3a}
.yia-pr .yia-pr-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin:38px 0 0}
.yia-pr-btn{display:inline-block;padding:18px 40px 19px;background:var(--sun);color:var(--ink);font-size:17px;font-weight:700;line-height:1;text-decoration:none;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:background .2s ease,color .2s ease}
.yia-pr-btn:hover,.yia-pr-btn:focus-visible{background:var(--ink);color:#fff}
.yia-pr-link{color:var(--ink);font-size:17px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.yia-pr-link:hover{color:var(--sky)}
.yia-pr a:focus-visible,.yia-pr button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.yia-pr-hero__art{position:relative;aspect-ratio:5/4;margin:0 18px 0 0}
.yia-pr-hero__art>i{position:absolute;display:block;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}
.yia-pr-hero__slab{inset:-5% -7% 9% 9%;background:var(--sun)}
.yia-pr-hero__frame{inset:7% 5% -6% -6%;background:var(--ink)}
.yia-pr-hero__frame::after{content:"";position:absolute;inset:2px;background:var(--fog);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}
.yia-pr-hero__img{position:absolute;inset:0;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);background:#fff}
.yia-pr-hero__img img{width:100%;height:100%;object-fit:cover;display:block}
/* логотип на белом + едва заметное фото проекта под ним */
.yia-pr-hero__img.has-bg{background-size:cover;background-position:center}
.yia-pr-hero__img.has-bg::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.74)}
.yia-pr-hero__img.has-bg img{position:relative;mix-blend-mode:multiply}
.yia-pr-hero__art>.yia-pr-hero__chip{left:-3%;top:10%;width:11%;height:6%;background:var(--sky);clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}
@media (prefers-reduced-motion:no-preference){
  .yia-pr-hero__img{animation:yia-pr-wipe .9s cubic-bezier(.2,.7,.1,1) both}
  .yia-pr-hero__slab{animation:yia-pr-slide .9s .12s cubic-bezier(.2,.7,.1,1) both}
}
@keyframes yia-pr-wipe{from{clip-path:polygon(15% 0,15% 0,0 100%,0 100%)}to{clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}}
@keyframes yia-pr-slide{from{opacity:0;transform:translate(-28px,18px)}to{opacity:1;transform:none}}

/* суммы */
.yia-pr-sums{background:var(--ink);color:#fff;padding:44px 0 0}
.yia-pr-sums dl{display:flex;flex-wrap:wrap;gap:24px 88px;margin:0;padding-bottom:40px}
.yia-pr-sums dt{font-size:clamp(34px,4.6vw,64px);line-height:1;font-weight:700}
.yia-pr-sums dd{margin:10px 0 0;font-size:15px;color:#a9a9a9}
.yia-pr-sums__line{display:block;height:8px;background:#3a3a3a}
.yia-pr-sums__line i{display:block;height:100%;background:var(--sun)}

/* текст */
.yia-pr-about{padding:112px 0 104px}
.yia-pr .yia-pr-prose p{margin:0 0 1.05em;max-width:38em;font-size:19px;line-height:1.62;color:#333}
.yia-pr .yia-pr-prose p.is-first{font-size:clamp(22px,2vw,28px);line-height:1.38;color:var(--ink);font-weight:700;margin-bottom:1.1em;max-width:28em}
.yia-pr .yia-pr-prose p:last-child{margin-bottom:0}

/* принцип */
.yia-pr-quote{position:relative;background:var(--sun);padding:84px 0 88px;clip-path:polygon(0 0,100% 34px,100% 100%,0 calc(100% - 34px))}
.yia-pr .yia-pr-quote__big{margin:0;font-size:clamp(44px,8.4vw,128px);line-height:.94;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.yia-pr .yia-pr-quote__note{margin:28px 0 0;max-width:34em;font-size:19px;line-height:1.55;color:#2a2a2a}

/* что входит */
.yia-pr-points{padding:112px 0 104px}
.yia-pr-points ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.yia-pr-points li{position:relative;margin:0;padding:22px 0 22px 54px;border-bottom:1px solid var(--line);font-size:clamp(20px,1.9vw,26px);line-height:1.28;font-weight:700;color:var(--ink)}
.yia-pr-points li::before{content:"";position:absolute;left:0;top:calc(22px + .32em);width:30px;height:.62em;background:var(--sky);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}
.yia-pr-points li:nth-child(even)::before{background:var(--sun)}

/* керівники */
.yia-pr-lead{background:var(--fog);padding:96px 0}
.yia-pr-lead__grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:40px 88px;align-items:center}
.yia-pr-lead__photo{position:relative;aspect-ratio:4/5;margin:0 0 18px 18px}
.yia-pr-lead__photo i{position:absolute;inset:18px 18px -18px -18px;background:var(--sun)}
.yia-pr-lead__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yia-pr .yia-pr-lead__role{margin:0 0 14px;font-size:17px;line-height:1.3;color:var(--mute)}
.yia-pr .yia-pr-lead__name{margin:0 0 30px;font-size:clamp(38px,5.6vw,84px);line-height:.96;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
@media(max-width:900px){.yia-pr-lead{padding:64px 0}.yia-pr-lead__grid{grid-template-columns:1fr}.yia-pr-lead__photo{max-width:320px}}
/* результат */
.yia-pr-result{background:var(--fog);padding:104px 0}
.yia-pr-about+.yia-pr-result{margin-top:0}
.yia-pr-facts{display:flex;flex-wrap:wrap;gap:28px 64px;margin:44px 0 0;padding:32px 0 0;border-top:2px solid var(--ink)}
.yia-pr-facts dt{font-size:clamp(34px,3.6vw,52px);line-height:1;font-weight:700;color:var(--ink)}
.yia-pr-facts dd{margin:10px 0 0;max-width:15em;font-size:15px;line-height:1.4;color:var(--mute)}

/* галерея */
.yia-pr-gallery{padding:104px 0}
.yia-pr-result+.yia-pr-gallery,.yia-pr-points+.yia-pr-gallery{padding-top:104px}
.yia-pr-about+.yia-pr-gallery,.yia-pr-quote+.yia-pr-gallery{padding-top:96px}
.yia-pr-gallery__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:14px}
.yia-pr-gallery__grid a{position:relative;grid-column:span 2;display:block;aspect-ratio:4/3;overflow:hidden;background:#e9e9e9}
.yia-pr-gallery__grid a:nth-child(6n+1){grid-column:span 4;grid-row:span 2;aspect-ratio:auto}
.yia-pr-gallery__grid a:last-child:nth-child(6n+5){grid-column:span 4;aspect-ratio:auto}
.yia-pr-gallery__grid a:last-child:nth-child(6n+4){grid-column:span 6;aspect-ratio:21/9}
.yia-pr-gallery__grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.yia-pr-gallery__grid a:hover img{transform:scale(1.03)}

/* пожертва */
.yia-pr-donate{position:relative;background:var(--ink);color:#fff;padding:112px 0 120px}
.yia-pr-donate::before{content:"";position:absolute;right:-6%;top:0;bottom:0;width:38%;background:#262626;clip-path:polygon(34% 0,100% 0,66% 100%,0 100%)}
.yia-pr-donate__grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px 72px;align-items:start}
.yia-pr .yia-pr-donate h2{color:#fff;font-size:clamp(40px,5.4vw,80px);line-height:.96}
.yia-pr .yia-pr-donate__text p{margin:28px 0 0;max-width:26em;font-size:18px;line-height:1.55;color:#cfcfcf}
.yia-pr .yia-pr-donate__text p.yia-pr-donate__alt{color:#fff}
.yia-pr-donate__alt a{color:var(--sun);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.yia-pr-donate__card{position:relative;background:#fff;color:var(--ink);padding:36px 36px 40px}
.yia-pr-donate__card::before{content:"";position:absolute;left:0;top:0;width:96px;height:8px;background:var(--sun)}
.yia-pr-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}
.yia-pr-amounts button{appearance:none;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:15px 6px 16px;font:inherit;font-size:18px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}
.yia-pr-amounts button:hover{background:var(--fog)}
.yia-pr-amounts button.is-on{background:var(--ink);color:#fff}

/* форма wc-donation-platform в нашем виде */
.yia-pr-donate__card .wcdp-form{margin:0;padding:0;border:0;box-shadow:none;background:none;max-width:none;width:100%}
.yia-pr-donate__card .wcdp-header{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 28px;padding:0;height:auto;counter-reset:st}
.yia-pr-donate__card .wcdp-progress-bar-background,.yia-pr-donate__card .wcdp-progress-bar{display:none!important}
.yia-pr-donate__card .wcdp-step{position:static;width:auto;margin:0 -7px 0 0;padding:12px 10px 13px 22px;background:#ececec;color:#8a8a8a;font-size:14px;font-weight:700;line-height:1;text-align:left;transform:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);cursor:pointer}
.yia-pr-donate__card .wcdp-step:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.yia-pr-donate__card .wcdp-step::before,.yia-pr-donate__card .wcdp-step::after{display:none!important}
.yia-pr-donate__card .wcdp-step{color:#8a8a8a!important}
.yia-pr-donate__card[data-step="1"] .wcdp-header-step-1,.yia-pr-donate__card[data-step="2"] .wcdp-header-step-2,.yia-pr-donate__card[data-step="3"] .wcdp-header-step-3{background:var(--sky);color:#fff!important}
.yia-pr-donate__card[data-step="2"] .wcdp-header-step-1,.yia-pr-donate__card[data-step="3"] .wcdp-header-step-1,.yia-pr-donate__card[data-step="3"] .wcdp-header-step-2{background:var(--ink);color:#fff!important}
.yia-pr-donate__card:not([data-step="1"]) .yia-pr-amounts{display:none}
.yia-pr-donate__card .wcdp-body{padding:0;margin:0}
.yia-pr-donate__card .wcdp-amount label,.yia-pr-donate__card h3{display:block;margin:0 0 10px;font-size:15px;font-weight:700;color:var(--mute)}
.yia-pr-donate__card .wcdp-amount br,.yia-pr-donate__card .woosw-btn,.yia-pr-donate__card .wcdp-arrow,.yia-pr-donate__card .wcdp-divider,.yia-pr-donate__card abbr.required{display:none!important}
.yia-pr-donate__card .wcdp-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;border-bottom:3px solid var(--ink);padding:0 0 6px}
.yia-pr-donate__card .wcdp-amount label{flex:1 0 100%}
.yia-pr-donate__card input.wcdp-donation-amount{flex:1 1 120px;min-width:0;width:auto;height:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;font-family:inherit!important;font-size:clamp(44px,5vw,64px)!important;font-weight:700!important;line-height:1.05!important;height:auto!important;color:var(--ink)!important;text-align:left;-moz-appearance:textfield}
.yia-pr-donate__card input.wcdp-donation-amount::-webkit-outer-spin-button,.yia-pr-donate__card input.wcdp-donation-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.yia-pr-donate__card input.wcdp-donation-amount:focus{outline:none}
.yia-pr-donate__card .wcdp-amount:focus-within{border-bottom-color:var(--sky)}
.yia-pr-donate__card .wcdp-amount .woocommerce-Price-currencySymbol{font-size:36px;font-weight:700;color:var(--ink)}
.yia-pr-donate__card .button-row{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:12px;margin:28px 0 0;padding:0}
.yia-pr-donate__card .wcdp-button,.yia-pr-donate__card #place_order{float:none;display:inline-block;margin:0;padding:19px 44px 20px;border:0;border-radius:0;background:var(--sun);color:var(--ink);font:inherit;font-size:18px;font-weight:700;line-height:1;text-transform:none;cursor:pointer;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:background .2s ease,color .2s ease}
.yia-pr-donate__card #place_order{background:var(--sun)!important;color:var(--ink)!important;width:auto}
.yia-pr-donate__card .wcdp-button:hover,.yia-pr-donate__card #place_order:hover{background:var(--ink)!important;color:#fff!important}
.yia-pr-donate__card .wcdp-button.wcdp-left{background:none;color:var(--mute);padding-left:8px;padding-right:8px;clip-path:none;text-decoration:underline;text-underline-offset:5px}
.yia-pr-donate__card .wcdp-button.wcdp-left:hover{background:none;color:var(--ink)}
.yia-pr-donate__card #billing_company_field,.yia-pr-donate__card #billing_city_field,.yia-pr-donate__card #billing_postcode_field{display:none!important}
.yia-pr-donate__card .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.yia-pr-donate__card .form-row{float:none;width:auto;margin:0;padding:0}
.yia-pr-donate__card #billing_email_field,.yia-pr-donate__card #billing_phone_field{grid-column:span 1}
.yia-pr-donate__card .form-row input.input-text{width:100%;height:auto;margin:0;padding:15px 0 13px;border:0;border-bottom:2px solid #cfcfcf;border-radius:0;background:none;box-shadow:none;font:inherit;font-size:18px;color:var(--ink)}
.yia-pr-donate__card .form-row input.input-text:focus{outline:none;border-bottom-color:var(--sky)}
.yia-pr-donate__card table.shop_table{display:table!important;width:100%;margin:0 0 20px;border:0;border-collapse:collapse;font-size:16px}
.yia-pr-donate__card table.shop_table thead,.yia-pr-donate__card table.shop_table .cart-subtotal{display:none}
.yia-pr-donate__card table.shop_table th,.yia-pr-donate__card table.shop_table td{padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}
.yia-pr-donate__card table.shop_table td:last-child{text-align:right;font-weight:700}
.yia-pr-donate__card table.shop_table .order-total th,.yia-pr-donate__card table.shop_table .order-total td{border-bottom:3px solid var(--ink);font-size:22px;font-weight:700}
.yia-pr-donate__card table.shop_table .product-quantity{display:none}
.yia-pr-donate__card .wc_payment_methods{list-style:none;margin:0 0 16px;padding:0}
.yia-pr-donate__card .payment_box{background:var(--fog);padding:12px 14px;margin:10px 0 0;font-size:14px}
.yia-pr .yia-pr-donate__card p,.yia-pr .yia-pr-donate__card li,.yia-pr .yia-pr-donate__card label{color:var(--ink);font-size:15px;line-height:1.45}
.yia-pr .yia-pr-donate__card .woocommerce-privacy-policy-text p{color:var(--mute);font-size:13px}

/* низ */
.yia-pr-next{padding:72px 0 96px}
.yia-pr-donate+.yia-pr-next{padding-top:64px}
.yia-pr-next .yia-pr-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}
.yia-pr .yia-pr-next p{flex:1 1 340px;margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1.32;font-weight:700;color:var(--ink);max-width:26em}

@media(max-width:900px){
  .yia-pr-wrap{padding:0 20px}
  .yia-pr-hero{padding:44px 0 64px}
  .yia-pr-hero__grid,.yia-pr-cols,.yia-pr-donate__grid{grid-template-columns:1fr;gap:28px}
  .yia-pr-hero__art{order:-1;margin:0 26px 18px 14px;max-width:440px}
  .yia-pr-about,.yia-pr-points{padding:64px 0}
  .yia-pr-result,.yia-pr-gallery{padding:64px 0}
  .yia-pr-quote{padding:64px 0 68px;clip-path:polygon(0 0,100% 18px,100% 100%,0 calc(100% - 18px))}
  .yia-pr-sums dl{gap:22px 40px}
  .yia-pr-donate{padding:72px 0 80px}
  .yia-pr-donate::before{display:none}
  .yia-pr-donate__card{padding:28px 20px 30px}
  .yia-pr-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yia-pr-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .yia-pr-gallery__grid a,.yia-pr-gallery__grid a:nth-child(6n+1),.yia-pr-gallery__grid a:last-child:nth-child(6n+5),.yia-pr-gallery__grid a:last-child:nth-child(6n+4){grid-column:span 1;grid-row:auto;aspect-ratio:4/3}
  .yia-pr-gallery__grid a:nth-child(3n+1),.yia-pr-gallery__grid a:last-child:nth-child(3n+2){grid-column:span 2;aspect-ratio:16/10}
  .yia-pr-donate__card .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
  .yia-pr-next{padding:56px 0 72px}
}