/* Pozitif Psikoloji | Hero styles: base + motion + responsive fixes */
/* Signature Gold V7.22 — compact premium hero, isolated from service grids */
.pp-hero-22{background:radial-gradient(ellipse at 70% 45%,#4c3c2b 0%,#24211e 37%,#171717 78%);position:relative;isolation:isolate;overflow:hidden}
.pp-hero-22:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 110px,rgba(255,255,255,.013) 111px 112px);opacity:.25;pointer-events:none}
.pp-hero-22 .pp-hero-22-layout{min-height:550px!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:clamp(25px,4vw,70px)!important;align-items:center!important;position:relative}
.pp-hero-22 .pp-hero-22-copy{padding:48px 0 40px!important;z-index:3}
.pp-hero-22 .pp-hero-22-copy:before{width:42px;margin-bottom:19px;background:#caa56c}
.pp-hero-22 .pp-hero-22-kicker{font-size:10px;letter-spacing:.17em;color:#cfaf7f;line-height:1.6}
.pp-hero-22 .pp-hero-22-copy h1{font-family:'Outfit',Manrope,sans-serif!important;font-size:clamp(56px,5.7vw,91px)!important;line-height:.98!important;font-weight:600!important;letter-spacing:-.073em!important;max-width:860px!important;margin:25px 0 20px!important}
.pp-hero-22 .pp-hero-22-copy h1 em{font-style:normal;color:#d6b47b;display:inline-block}
.pp-hero-22 .pp-hero-22-end{display:block;font-size:clamp(19px,2vw,29px);line-height:1.22;letter-spacing:-.035em;color:#dad4cc;font-weight:400;margin-top:18px;max-width:490px}
.pp-hero-22 .hero-description{max-width:450px;font-size:14px;line-height:1.8;color:#c7bfb3;margin:0 0 24px}
.pp-hero-22 .pp-hero-22-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.pp-hero-22 .pp-hero-22-primary{background:#c6a269!important;color:#181611!important;min-height:52px;padding-left:20px;border-radius:30px;gap:25px;white-space:nowrap}
.pp-hero-22 .pp-hero-22-primary:hover{background:#e0bb80!important;transform:translateY(-2px)}
.pp-hero-22 .pp-hero-22-primary .arrow{border-color:#8e7045}
.pp-hero-22 .pp-hero-22-secondary{color:#e9e1d5;font-size:12px;font-weight:700;border-bottom:1px solid #927850;padding:10px 0;transition:color .2s}
.pp-hero-22 .pp-hero-22-secondary:hover{color:#e9be7a}
.pp-hero-22 .pp-hero-22-foot{display:flex;align-items:center;gap:16px;margin-top:40px;color:#a99a86;font-size:9px;letter-spacing:.12em;font-weight:700;flex-wrap:wrap}
.pp-hero-22 .pp-hero-22-line{height:1px;width:37px;background:#caa56c}
.pp-hero-22 .pp-hero-22-visual{min-height:0!important;height:550px!important;padding:28px 5px 28px 0!important;position:relative;display:block!important;overflow:visible}
.pp-hero-22 .pp-hero-22-frame{position:absolute;inset:32px 0 25px 30px;overflow:hidden;border-radius:250px 250px 15px 15px;background:#8e7760;border:1px solid rgba(226,191,142,.32);box-shadow:0 25px 70px rgba(0,0,0,.23)}
.pp-hero-22 .pp-hero-22-frame img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:none;transform:none;animation:none}
.pp-hero-22 .pp-hero-22-image-shade{position:absolute;inset:0;background:none}
.pp-hero-22 .pp-hero-22-arc{position:absolute;width:188px;height:188px;border:1px solid rgba(221,179,112,.55);border-radius:50%;top:6px;right:-55px;pointer-events:none;animation:ppHeroOrbit 15s ease-in-out infinite alternate}
.pp-hero-22 .pp-hero-22-photo-label{position:absolute;right:34px;bottom:48px;color:#fff4e5;font-size:9px;letter-spacing:.15em;font-weight:800;text-shadow:0 1px 6px #000}
.pp-hero-22 .pp-hero-22-signature{position:absolute;left:-45px;bottom:63px;background:#f6f1e9;border-left:3px solid #ba9460;padding:16px 22px;box-shadow:0 14px 35px #0003;color:#362f26;display:flex;align-items:center;gap:13px;border-radius:4px}
.pp-hero-22 .pp-hero-22-signature span:last-child{font-size:13px;font-weight:700;line-height:1.45}
.pp-hero-22 .pp-hero-22-star{color:#ad8a54;font-size:32px;animation:ppHeroRotate 18s linear infinite}
.pp-hero-22 .pp-hero-22-bottomline{height:3px;background:linear-gradient(90deg,#c09a62,#765d3b,#c09a62)}
@keyframes ppHeroSlowZoom{from{transform:scale(1.025)}to{transform:scale(1.085)}}
@keyframes ppHeroOrbit{from{transform:translateY(0)}to{transform:translateY(15px)}}
@keyframes ppHeroRotate{to{transform:rotate(360deg)}}
@media(max-width:1050px){.pp-hero-22 .pp-hero-22-layout{grid-template-columns:1fr 0.85fr!important;min-height:520px!important}.pp-hero-22 .pp-hero-22-copy h1{font-size:clamp(50px,6vw,70px)!important}.pp-hero-22 .pp-hero-22-visual{height:515px!important}.pp-hero-22 .pp-hero-22-signature{left:-20px}}
@media(max-width:760px){.pp-hero-22 .pp-hero-22-layout{display:flex!important;flex-direction:column;gap:0!important;min-height:0!important}.pp-hero-22 .pp-hero-22-copy{width:100%;padding:38px 0 18px!important}.pp-hero-22 .pp-hero-22-copy h1{font-size:clamp(49px,10.8vw,74px)!important;margin:18px 0!important}.pp-hero-22 .pp-hero-22-end{font-size:clamp(18px,4.3vw,25px);margin-top:14px}.pp-hero-22 .hero-description{font-size:13px;line-height:1.75;margin-bottom:19px}.pp-hero-22 .pp-hero-22-foot{display:none}.pp-hero-22 .pp-hero-22-visual{width:100%;height:315px!important;padding:0!important}.pp-hero-22 .pp-hero-22-frame{inset:8px 10px 14px 10px;border-radius:180px 180px 10px 10px}.pp-hero-22 .pp-hero-22-signature{left:0;bottom:27px;padding:10px 14px}.pp-hero-22 .pp-hero-22-signature span:last-child{font-size:11px}.pp-hero-22 .pp-hero-22-star{font-size:24px}.pp-hero-22 .pp-hero-22-photo-label{font-size:8px;right:25px;bottom:29px}.pp-hero-22 .pp-hero-22-arc{right:0;width:100px;height:100px}}
@media(max-width:420px){.pp-hero-22 .pp-hero-22-actions{gap:12px}.pp-hero-22 .pp-hero-22-secondary{font-size:11px}.pp-hero-22 .pp-hero-22-kicker{font-size:9px}.pp-hero-22 .pp-hero-22-visual{height:285px!important}}
@media(prefers-reduced-motion:reduce){.pp-hero-22 *, .pp-hero-22 *:before,.pp-hero-22 *:after{animation:none!important;transition:none!important}}

/* Signature Gold V7.23 — isolated hero motion; other sections untouched */
.pp-hero-22{isolation:isolate;--hero-pointer-x:65%;--hero-pointer-y:42%;}
.pp-hero-22 .pp-hero-22-layout{position:relative;}
.pp-hero-22 .pp-hero-22-kicker{animation:pp23Rise .8s both cubic-bezier(.2,.8,.2,1);}
.pp-hero-22 .pp-hero-22-copy h1{animation:pp23Rise 1s .12s both cubic-bezier(.2,.8,.2,1);}
.pp-hero-22 .pp-hero-22-copy .hero-description{animation:pp23Rise .9s .3s both cubic-bezier(.2,.8,.2,1);}
.pp-hero-22 .pp-hero-22-actions{animation:pp23Rise .9s .4s both cubic-bezier(.2,.8,.2,1);}
.pp-hero-22 .pp-hero-22-foot{animation:pp23Rise .9s .5s both cubic-bezier(.2,.8,.2,1);}
.pp-hero-22 .pp-hero-22-visual{animation:pp23PhotoEntrance 1.2s .12s both cubic-bezier(.2,.8,.2,1);isolation:isolate;}
.pp-hero-22 .pp-hero-22-frame img{animation:none;will-change:auto;}
.pp-hero-22 .pp-hero-23-glow{pointer-events:none;position:absolute;z-index:0;inset:3% -12% 4% 0;background:radial-gradient(circle at var(--hero-pointer-x) var(--hero-pointer-y),rgba(219,174,103,.19) 0%,rgba(173,120,55,.09) 25%,transparent 65%);filter:blur(14px);transition:opacity .3s;}
.pp-hero-22 .pp-hero-22-arc{animation:pp23Orbit 18s ease-in-out infinite alternate;}
.pp-hero-22 .pp-hero-23-vertical{position:absolute;z-index:3;right:0;top:50px;writing-mode:vertical-rl;letter-spacing:.28em;color:#e9c58e;font-weight:700;font-size:9px;opacity:.76;}
.pp-hero-22 .pp-hero-22-signature{animation:pp23Float 6s ease-in-out infinite;}
.pp-hero-22 .pp-hero-22-primary{box-shadow:0 0 0 0 rgba(208,163,97,0);transition:transform .28s,box-shadow .28s,background .28s;}
.pp-hero-22 .pp-hero-22-primary:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(205,161,98,.26);}
@keyframes pp23Rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes pp23PhotoEntrance{from{opacity:0;transform:translateY(26px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pp23PhotoBreath{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.105) translate3d(-1%, -1%,0)}}
@keyframes pp23Orbit{from{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-10px) rotate(9deg)}}
@keyframes pp23Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:760px){.pp-hero-22 .pp-hero-23-vertical{display:none}.pp-hero-22 .pp-hero-23-glow{inset:5% -5% 0}.pp-hero-22 .pp-hero-22-signature{animation:none}}
@media(prefers-reduced-motion:reduce){.pp-hero-22 .pp-hero-22-kicker,.pp-hero-22 .pp-hero-22-copy h1,.pp-hero-22 .pp-hero-22-copy .hero-description,.pp-hero-22 .pp-hero-22-actions,.pp-hero-22 .pp-hero-22-foot,.pp-hero-22 .pp-hero-22-visual,.pp-hero-22 .pp-hero-22-frame img,.pp-hero-22 .pp-hero-22-arc,.pp-hero-22 .pp-hero-22-signature{animation:none!important;transform:none!important}.pp-hero-22 .pp-hero-23-glow{display:none}}


/* HERO — single source of truth, desktop / tablet / mobile.
   Preserves original photography and the approved Signature Gold composition. */
.pp-hero-22{width:100%;max-width:100%;overflow:hidden}
.pp-hero-22 .pp-hero-22-layout{box-sizing:border-box;max-width:1400px;width:100%;min-width:0}
.pp-hero-22 .pp-hero-22-copy,
.pp-hero-22 .pp-hero-22-visual{min-width:0}
.pp-hero-22 .pp-hero-22-visual{box-sizing:border-box;max-width:100%}
.pp-hero-22 .pp-hero-22-frame{box-sizing:border-box}
.pp-hero-22 .pp-hero-22-frame img{
  display:block;width:100%;height:100%;object-fit:cover;
  object-position:center 43%;opacity:1;filter:none!important;
  transform:none!important;animation:none!important;
}
.pp-hero-22 .pp-hero-22-image-shade{background:none!important;opacity:0!important;pointer-events:none}
.pp-hero-22 .pp-hero-22-copy h1{overflow-wrap:normal;word-break:normal}
.pp-hero-22 .pp-hero-22-signature{max-width:calc(100% - 14px)}
@media(min-width:761px) and (max-width:1100px){
  .pp-hero-22 .pp-hero-22-layout{grid-template-columns:minmax(0,1fr) minmax(0,.86fr)!important;gap:clamp(16px,2.4vw,32px)!important}
  .pp-hero-22 .pp-hero-22-copy h1{font-size:clamp(44px,5.6vw,70px)!important}
  .pp-hero-22 .pp-hero-22-visual{height:480px!important}
  .pp-hero-22 .pp-hero-22-signature{left:-8px}
}
@media(max-width:760px){
  .pp-hero-22 .pp-hero-22-layout{width:100%;display:flex!important;flex-direction:column;gap:0!important}
  .pp-hero-22 .pp-hero-22-copy{box-sizing:border-box;max-width:100%;padding:clamp(28px,7vw,45px) 0 22px!important}
  .pp-hero-22 .pp-hero-22-copy h1{font-size:clamp(42px,10vw,65px)!important;line-height:1.04!important;letter-spacing:-.06em!important}
  .pp-hero-22 .pp-hero-22-visual{height:clamp(300px,85vw,430px)!important;width:100%!important;max-width:100%;padding:0!important}
  .pp-hero-22 .pp-hero-22-frame{inset:10px 12px 24px 12px;border-radius:180px 180px 12px 12px}
  .pp-hero-22 .pp-hero-22-photo-label{right:27px;bottom:38px}
  .pp-hero-22 .pp-hero-22-signature{left:1px;bottom:37px}
  .pp-hero-22 .pp-hero-22-arc{right:0;top:0;max-width:100px;max-height:100px}
}
@media(max-width:380px){
  .pp-hero-22 .pp-hero-22-copy h1{font-size:clamp(39px,10vw,46px)!important}
  .pp-hero-22 .pp-hero-22-actions{gap:12px}
  .pp-hero-22 .pp-hero-22-visual{height:300px!important}
  .pp-hero-22 .pp-hero-22-signature{max-width:75%}
}
@media(prefers-reduced-motion:reduce){
  .pp-hero-22 .pp-hero-22-visual,
  .pp-hero-22 .pp-hero-22-copy h1{animation:none!important;transition:none!important;transform:none!important}
}

/* Hero integrity: responsive photograph, no color filter or duplicate movement. */
.pp-hero-22 .pp-hero-22-frame img{
  filter:none!important;opacity:1!important;animation:none!important;
  transform:none!important;object-fit:cover;object-position:center 43%;
}
.pp-hero-22 .pp-hero-22-image-shade{background:none!important;opacity:0!important}
.pp-hero-22 .pp-hero-22-layout>*{min-width:0}
.pp-hero-22 .pp-hero-22-copy h1{max-width:100%!important;overflow-wrap:break-word}
.pp-hero-22 .pp-hero-22-actions a{position:relative;z-index:4;min-height:44px}
@media(max-width:900px){
 .pp-hero-22 .pp-hero-22-layout{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important}
 .pp-hero-22 .pp-hero-22-copy{width:100%;padding:clamp(28px,6vw,48px) 0 20px!important}
 .pp-hero-22 .pp-hero-22-copy h1{font-size:clamp(38px,8.6vw,66px)!important;line-height:1.05!important;letter-spacing:-.056em!important}
 .pp-hero-22 .pp-hero-22-visual{height:clamp(310px,78vw,510px)!important;width:100%!important;max-width:100%;padding:0!important}
 .pp-hero-22 .pp-hero-22-frame{inset:10px 12px 21px;border-radius:min(45vw,240px) min(45vw,240px) 14px 14px}
 .pp-hero-22 .pp-hero-22-signature{left:0;bottom:32px;max-width:80%}
 .pp-hero-22 .pp-hero-22-arc{right:0;top:0}
}
@media(max-width:480px){
 .pp-hero-22 .pp-hero-22-copy h1{font-size:clamp(36px,9.4vw,47px)!important;letter-spacing:-.05em!important}
 .pp-hero-22 .pp-hero-22-visual{height:clamp(295px,82vw,380px)!important}
 .pp-hero-22 .pp-hero-22-actions{gap:10px 18px;align-items:stretch}
 .pp-hero-22 .pp-hero-22-primary{padding-left:17px;min-height:48px;gap:15px}
 .pp-hero-22 .pp-hero-22-secondary{display:inline-flex;align-items:center}
 .pp-hero-22 .pp-hero-22-signature{padding:10px 12px;bottom:28px}
 .pp-hero-22 .pp-hero-22-photo-label{bottom:34px;right:22px}
}
@media(prefers-reduced-motion:reduce){.pp-hero-22 *{animation:none!important;transition:none!important}}
