/* Hero artwork sizes can be adjusted here without changing the images. */
#ana.pn-hero { box-sizing: border-box; max-width: 1416px; margin: 0 auto; padding: clamp(44px, 5vw, 76px) clamp(22px, 6vw, 88px) clamp(48px, 5vw, 76px); }
.pn-hero__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
.pn-hero__copy { min-width: 0; }
#ana .pn-hero__title { font-size: clamp(2.5rem, 4.3vw, 3.9rem); line-height: 1.08; max-width: 16ch; text-wrap: balance; }
.pn-hero__desc { max-width: 42ch; }
.pn-hero__art { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); align-items: start; gap: clamp(12px, 1.4vw, 20px); min-width: 0; }
.pn-hero__figure { min-width: 0; margin: 0; }
.pn-hero__figure--world { margin-top: 32%; }
.pn-hero__image { display: block; width: 100%; height: auto; box-sizing: border-box; border-radius: 18px; border: 1px solid rgba(26,42,74,.08); }
.pn-hero__figure--desk .pn-hero__image { background: #EEF5D6; }
.pn-hero__figure--world .pn-hero__image { background: #F3E5FB; }
.pn-hero__caption { display: block; margin-top: 12px; font-family: var(--font-etiket, monospace); color: var(--pn-metin-soluk, #5B6880); font-size: .69rem; line-height: 1.5; letter-spacing: .07em; }
.pn-hero__caption span { color: var(--pn-mavi, #27A9E1); margin-right: 7px; }
@media (max-width: 960px) {
  .pn-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  #ana .pn-hero__title { max-width: 100%; font-size: clamp(2.1rem, 6vw, 3.7rem); }
  .pn-hero__desc { max-width: 100%; }
  .pn-hero__art { width: 100%; max-width: 640px; justify-self: center; }
  .pn-hero__figure--world { margin-top: 23%; }
}
@media (max-width: 480px) {
  #ana.pn-hero { padding-top: 36px; padding-bottom: 40px; }
  .pn-hero__layout { gap: 30px; }
  #ana .pn-hero__title { font-size: clamp(1.8rem, 8vw, 3.7rem); }
  .pn-hero__art { gap: 12px; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
  .pn-hero__image { border-radius: 12px; }
  .pn-hero__caption { margin-top: 9px; font-size: .60rem; letter-spacing: .02em; }
}