
.th{padding:150px 0 56px}
.th h1{font-weight:500;font-size:clamp(40px,5.2vw,76px);line-height:1.02;letter-spacing:-.02em;margin:0;max-width:1000px;text-wrap:balance}
.th h1 em{font-style:normal;color:var(--red)}
.th-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end;margin-top:36px}
.th p{margin:0;font-size:clamp(19px,1.5vw,22px);line-height:1.55;color:var(--muted);max-width:640px}
.th p b{display:block;color:var(--ink);font-weight:500;margin-bottom:8px}
.ts{display:flex;gap:44px}
.ts div{display:flex;flex-direction:column;gap:4px}
.ts b{font-weight:500;font-size:44px;line-height:1;letter-spacing:-.02em}
.ts span{font-size:15px;color:var(--grey);letter-spacing:.02em}
.lvl{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:22px 0 26px;border-top:1px solid rgba(27,28,30,.12);margin-top:56px}
.lvl h2{font-weight:500;font-size:clamp(28px,2.6vw,38px);letter-spacing:-.015em;margin:0}
.lvl span{font-size:15px;color:var(--grey)}
.tph{position:relative;display:block;overflow:hidden;border-radius:22px;background:#e9e8e4}
.tph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;transition:transform 1s cubic-bezier(.22,.9,.24,1),filter .6s}
.tn{font-weight:500;font-size:24px;line-height:1.15;letter-spacing:-.01em;margin:0;background:linear-gradient(var(--red),var(--red)) 0 100%/0 1.5px no-repeat;display:inline;transition:background-size .5s cubic-bezier(.22,.9,.24,1)}
.tr{display:block;color:var(--grey);font-size:15.5px;margin-top:6px;letter-spacing:.02em}
.tex{list-style:none;margin:14px 0 0;padding:0}
.tex li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.45;color:#2a2b2e;margin-bottom:5px}
.tex li:before{content:"";position:absolute;left:2px;top:.72em;width:11px;height:1.5px;background:var(--red)}
.tm{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:15.5px;color:var(--ink)}
.tm svg{width:18px;height:18px;fill:none;stroke:var(--red);stroke-width:1.5}
@media (hover:hover){.tm:hover span{text-decoration:underline;text-decoration-color:rgba(245,5,61,.5);text-underline-offset:3px}}
.tcta{margin:110px 0 30px;padding:46px 50px;border-radius:28px;background:#1b1c1e;color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}
.tcta:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(245,5,61,.5),rgba(245,5,61,0) 65%);filter:blur(30px);animation:fxGlow 16s ease-in-out infinite alternate}
.tcta>*{position:relative}.tcta h3{margin:0;font-weight:500;font-size:clamp(26px,2.4vw,36px);line-height:1.15}.tcta p{margin:10px 0 0;color:rgba(255,255,255,.65);font-size:18px}
@media (max-width:980px){
 .th{padding:92px 0 30px}.th-r{grid-template-columns:1fr;gap:28px;margin-top:22px}.ts{gap:26px}.ts b{font-size:34px}
 .lvl{margin-top:36px;padding:18px 0 18px}
 .tcta{grid-template-columns:1fr;padding:30px 24px;margin-top:64px}
}

.ga{display:grid;gap:26px}
.ga.g3{grid-template-columns:repeat(3,1fr)}.ga.g4{grid-template-columns:repeat(4,1fr)}
.ca{display:flex;flex-direction:column;color:inherit}
.ca .tph{aspect-ratio:4/5}.ca.big .tph{aspect-ratio:4/5;border-radius:26px}
.ca-t{display:block;margin-top:20px}
.ca.big .tn{font-size:30px}
.ca .tex li{font-size:15.5px}
@media (hover:hover){.ca:hover .tph img{transform:scale(1.035)}.ca:hover .tn{background-size:100% 1.5px}}
@media (max-width:980px){.ga.g3,.ga.g4{grid-template-columns:1fr 1fr;gap:26px 14px}.ga.g3 .ca:first-child{grid-column:1/-1}.ca .tex{display:none}.ca.big .tn,.tn{font-size:20px}.ca-t{margin-top:12px}.ca .ph,.ca.big .tph{border-radius:18px}.ca.big:first-child .tph{aspect-ratio:4/4.2}.ca.big:first-child .tn{font-size:26px}}

.tcta{clip-path:inset(0 round 28px);isolation:isolate}
.tcta .btn{background:#fff!important;color:var(--ink)!important;border:0!important;box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}
.tcta .btn .sa{background:#1b1c1e;color:#fff}
@media (max-width:980px){
 .tcta{clip-path:inset(0 round 22px)}
 .tcta .btn{width:100%;justify-content:space-between;padding:12px 12px 12px 24px}
 .ga.g3,.ga.g4{grid-template-columns:1fr;gap:0}
 .ga .ca,.ga.g3 .ca:first-child{grid-column:auto;display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(27,28,30,.08)}
 .ga .ca:last-child{border-bottom:0}
 .ga .ca .tph,.ga .ca.big .tph,.ga.g3 .ca:first-child .tph{grid-row:1/3;aspect-ratio:4/5;border-radius:16px}
 .ga .ca .ca-t{margin-top:2px}
 .ga .ca .tn,.ga .ca.big .tn,.ga.g3 .ca:first-child .tn{font-size:21px}
 .ga .ca .tr{font-size:14px;margin-top:4px}
 .ga .ca .tex{display:block;margin-top:10px}
 .ga .ca .tex li{font-size:14.5px;line-height:1.4;margin-bottom:4px;padding-left:18px}
 .ga .ca .tex li:before{width:9px}
 .lvl{margin-top:30px;padding:18px 0 4px}
}

@media (max-width:980px){.ga .ca .tex li{font-size:14.5px!important;line-height:1.4}}

/* WordPress */
.tph img{width:100%;height:100%}
.ca .tph img[sizes]{object-fit:cover}

/* v1.4.2: легка поява карток */
@media (prefers-reduced-motion:reduce){.tj .ga .ca{opacity:1;transform:none;transition:none}}
/* v1.4.2: фото на телефоні на 10% більші */
@media (max-width:980px){.ga .ca,.ga.g3 .ca:first-child{grid-template-columns:123px minmax(0,1fr)}}

/* v1.8: поява карток — плавніше, фото проявляється лише після завантаження */
.tj .ga .ca{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.22,.9,.24,1),transform 1.2s cubic-bezier(.22,.9,.24,1);transition-delay:calc(var(--d,0)*110ms)}
.tj .ga .ca .tph img{opacity:0;scale:1.07;filter:saturate(.6);transition:opacity 1.1s ease,scale 1.6s cubic-bezier(.22,.9,.24,1),filter 1.4s ease,transform 1s cubic-bezier(.22,.9,.24,1);transition-delay:calc(var(--d,0)*110ms + 80ms)}
.tj .ga .ca .ca-t,.tj .ga .ca .tex{opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.9,.24,1);transition-delay:calc(var(--d,0)*110ms + 260ms)}
.tj .ga .ca.in{opacity:1;transform:none}
.tj .ga .ca.in .tph img{opacity:1;scale:1;filter:none}
.tj .ga .ca.in .ca-t,.tj .ga .ca.in .tex{opacity:1;transform:none}
.tj .ga .ca .tph{background:linear-gradient(100deg,#ecebe7 30%,#f4f3ef 50%,#ecebe7 70%);background-size:220% 100%;animation:tmSk 1.6s linear infinite}
.tj .ga .ca.in .tph{animation:none;background:#e9e8e4}
@keyframes tmSk{to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.tj .ga .ca,.tj .ga .ca .tph img,.tj .ga .ca .ca-t,.tj .ga .ca .tex{opacity:1;transform:none;scale:1;filter:none;transition:none}.tj .ga .ca .tph{animation:none}}
