/* Mobile-specific hero and restrained botanical placement. */
.hero-quick-actions,.scroll-cue { display: none; }

@media (max-width: 720px) {
  .hero-photo {
    background-image: var(--hero-mobile,var(--hero-desktop,url("assets/kadir-yaren-nisan-mobile.png")));
    background-position: center center;
  }
  .hero-content { padding-bottom: max(18px,env(safe-area-inset-bottom)); }
  .hero-names { font-size: clamp(42px,12.5vw,60px); }
  .hero-quick-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; width: min(100%,390px); margin: 22px auto 0; }
  .hero-quick-actions a,.hero-quick-actions button { display: flex; align-items: center; justify-content: flex-start; gap: 9px; min-height: 46px; padding: 0 12px; border: 1px solid rgba(225,197,146,.58); border-radius: 2px; background: rgba(24,27,22,.56); color: #fffaf0; font: 500 7px var(--sans); letter-spacing: .13em; text-transform: uppercase; text-decoration: none; backdrop-filter: blur(8px); cursor: pointer; }
  .hero-quick-actions a:first-child { background: rgba(164,125,72,.88); border-color: rgba(225,197,146,.88); }
  .hero-quick-actions svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
  .scroll-cue { display: flex; flex-direction: column; align-items: center; gap: 6px; width: max-content; margin: 13px auto 0; color: rgba(255,250,240,.86); font: 500 6px var(--sans); letter-spacing: .26em; text-transform: uppercase; text-decoration: none; }
  .scroll-cue i { position: relative; width: 20px; height: 29px; border: 1px solid rgba(255,250,240,.65); border-radius: 12px; }
  .scroll-cue i::after { content: ""; position: absolute; left: 50%; top: 5px; width: 3px; height: 6px; margin-left: -1.5px; border-radius: 3px; background: #f2d49d; animation: scrollHint 1.65s ease-in-out infinite; }
  @keyframes scrollHint { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 75%,100% { opacity: 0; transform: translateY(11px); } }

  .intro { padding-top: 178px; }
  .intro-garland { top: 25px; width: min(108vw,430px); max-width: none; opacity: .38; }
  .countdown-sprig { right: -46px; top: 18%; width: 116px; opacity: .16; transform: rotate(-16deg); }

  .weather-section { padding-top: 74px; padding-bottom: 108px; }
  .weather-card { z-index: 3; }
  .weather-corner { right: -44px; bottom: -28px; width: 142px; opacity: .24; }

  .details { padding-top: 92px; padding-bottom: 105px; }
  .detail-spray { left: -74px; top: auto; bottom: -60px; width: 148px; opacity: .25; transform: rotate(8deg); }

  .memory-section { padding-top: 88px; padding-bottom: 104px; }
  .memory-sprig { left: -32px; top: -13px; width: 96px; opacity: .22; transform: rotate(15deg); }

  .closing { padding-top: 174px; }
  .closing-garland { top: 24px; width: min(112vw,410px); opacity: .09; }
}

@media (max-width: 390px) {
  .intro-garland { width: 390px; opacity: .32; }
  .weather-corner { right: -52px; width: 132px; }
  .hero-content { padding-left: 12px; padding-right: 12px; }
  .hero-quick-actions { gap: 6px; margin-top: 17px; }
  .hero-quick-actions a,.hero-quick-actions button { min-height: 42px; padding: 0 9px; font-size: 6px; }
  .scroll-cue { margin-top: 9px; }
}

@media (max-width: 720px) and (max-height: 700px) {
  .hero-content .eyebrow { margin-bottom: 10px; }
  .hero-names { font-size: 40px; }
  .fine-line { margin-top: 17px; margin-bottom: 13px; }
  .hero-quick-actions { margin-top: 14px; }
  .scroll-cue span { display: none; }
}