/* Kizárólag a Hero elrendezése; minden közös érték a design-system.css-ben. */
.hero{position:relative;isolation:isolate;overflow:hidden;height:calc(100svh - 4.0625rem);min-height:0;display:grid;align-items:center;background:var(--pb-ivory)}
.hero__media{position:absolute;inset:0 0 0 40%;z-index:-2}.hero__photo{width:100%;height:100%;object-fit:cover;object-position:50% 23%}.hero__media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--pb-ivory) 0%,rgba(243,238,229,.93) 5%,rgba(243,238,229,.5) 15%,rgba(243,238,229,.08) 26%,transparent 34%)}
.hero__content{position:relative;padding-block:2.5rem;width:54%;max-width:40rem;z-index:2}.hero__rule{display:block;width:4rem;height:2px;background:var(--pb-gold);margin-bottom:var(--pb-space-5)}.hero__eyebrow{font:600 clamp(.8125rem,1.4vw,1.1875rem)/1.5 var(--pb-font-body);letter-spacing:.22em;color:var(--pb-gold);margin-bottom:var(--pb-space-4)}.hero__title{white-space:nowrap;letter-spacing:-.045em;font-weight:600}.hero__subtitle{font:500 clamp(1.25rem,1.8vw,1.625rem)/1.25 var(--pb-font-heading);letter-spacing:-.025em;margin-top:var(--pb-space-2);max-width:36rem}.hero__quote{position:relative;margin:var(--pb-space-6) 0;padding-left:2.65rem;max-width:31rem;font:400 clamp(1.5rem,2.25vw,2rem)/1.23 var(--pb-font-heading);letter-spacing:-.015em}.hero__quote::before{content:'“';position:absolute;left:-.15rem;top:-.2em;font-size:1.35em;line-height:1;color:var(--pb-gold)}.hero__quote p::after{content:' ”';color:var(--pb-gold);font-size:1.35em;line-height:0}.hero__quote strong{font-weight:600;color:var(--pb-gold)}.hero__actions{display:flex;gap:var(--pb-space-4);flex-wrap:wrap}.hero__actions .pb-btn{min-width:14rem}.hero__olive{height:auto;position:absolute;pointer-events:none;user-select:none;z-index:0}.hero__olive--left{width:clamp(13rem,24vw,24rem);left:-5.5rem;bottom:-3.5rem;opacity:.72}.hero__olive--top{width:clamp(18rem,27vw,27rem);top:-7rem;left:-8rem;opacity:.85;filter:drop-shadow(.65rem 1rem 1.1rem rgba(36,42,29,.23))}
@media(min-width:1600px){.hero .pb-container{max-width:87.5rem}.hero__content{width:49%}}
@media(min-width:992px) and (max-width:1199px){.hero{height:calc(100svh - 4.0625rem)}.hero__content{width:58%;padding-block:2.5rem}.hero__title{font-size:clamp(3.5rem,7.3vw,5.5rem)}.hero__subtitle{max-width:25rem}.hero__quote{max-width:25rem}.hero__actions{max-width:30rem;gap:.75rem}.hero__actions .pb-btn{min-width:0;padding-inline:1rem;font-size:1.25rem}.hero__media{left:38%}.hero__photo{object-position:50% 23%}.hero__olive--left{left:-7rem;opacity:.35}}
@media(max-width:991px){.hero{display:flex;flex-direction:column;height:auto;min-height:0}.hero>.pb-container{order:0}.hero__content{width:100%;max-width:36rem;padding-block:3rem 2rem}.hero__title{font-size:clamp(3.15rem,11.5vw,5rem);white-space:normal}.hero__rule{width:3rem;margin-bottom:1rem}.hero__eyebrow{font-size:.75rem;letter-spacing:.19em;margin-bottom:1rem}.hero__subtitle{font-size:1.4375rem;max-width:26rem}.hero__quote{font-size:1.5rem;padding-left:2rem;margin-block:2rem;max-width:28rem}.hero__quote::before{font-size:1.35em;top:-.2em}.hero__actions{gap:.75rem}.hero__actions .pb-btn{flex:1 1 13rem;min-width:0}.hero__media{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:1.3;z-index:-1}.hero__photo{object-position:center 35%}.hero__media::after{background:linear-gradient(180deg,var(--pb-ivory),rgba(243,238,229,.45) 8%,transparent 23%)}.hero__olive--left{width:13rem;bottom:40%;left:-8rem;opacity:.25}.hero__olive--top{width:16rem;left:-7rem;top:-5rem;opacity:.72}}

/* A felső olívaág valóban a látható sarokba kerül; az alsó levelek a szöveg felé finoman elhalványulnak. */
.hero__olive--top{width:clamp(17rem,24vw,24rem);top:-2.5rem;left:-3.25rem;opacity:.9;filter:drop-shadow(.65rem 1rem 1.1rem rgba(36,42,29,.23));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 22%,transparent 52%);mask-image:linear-gradient(to bottom,#000 0%,#000 22%,transparent 52%)}
.hero__quote p + p{margin-top:1.35rem}
.hero__quote p:not(:last-child)::after{content:none}
@media(max-width:991px){.hero__olive--top{width:17rem;top:-2.5rem;left:-3.5rem;opacity:.82}}
@media(max-width:575px){.hero__olive--top{width:14rem;top:-2.5rem;left:-3rem;opacity:.78}}

@media (min-width:992px) and (max-height:760px) {
  .hero__content { padding-block:1rem; }
  .hero__rule { margin-bottom:.75rem; }
  .hero__eyebrow { margin-bottom:.5rem; }
  .hero__title { font-size:clamp(3.5rem,5vw,5rem); }
  .hero__quote { font-size:clamp(1.35rem,1.8vw,1.65rem);margin-block:1rem; }
  .hero__quote p + p { margin-top:.75rem; }
  .hero__actions .pb-btn { min-height:3.25rem;padding-block:.6rem; }
}
@media (min-width:992px) and (max-height:560px) {
  .hero { height:auto; }
}

/* Első betöltéskor a szövegek, majd a két gomb egymást követik. */
.hero__rule,
.hero__eyebrow,
.hero__title,
.hero__subtitle,
.hero__quote,
.hero__actions .pb-btn {
  animation: hero-content-arrive .58s cubic-bezier(.2, .72, .2, 1) both;
  animation-delay: var(--hero-arrival-delay);
}
.hero__rule { --hero-arrival-delay: .06s; }
.hero__eyebrow { --hero-arrival-delay: .2s; }
.hero__title { --hero-arrival-delay: .42s; }
.hero__subtitle { --hero-arrival-delay: .67s; }
.hero__quote { --hero-arrival-delay: .94s; }
.hero__actions .pb-btn:first-child { --hero-arrival-delay: 1.26s; }
.hero__actions .pb-btn:last-child { --hero-arrival-delay: 1.44s; }
@keyframes hero-content-arrive {
  from { opacity: 0; transform: translateY(1rem); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hero__rule,
  .hero__eyebrow,
  .hero__title,
  .hero__subtitle,
  .hero__quote,
  .hero__actions .pb-btn { animation: none; }
}
