/* Owner-approved hero revision: remove repeated navigation/category labels. */
.ww-public-photo-hero .ww-public-hero-breadcrumb,
.ww-public-photo-hero nav[aria-label="Breadcrumb"],
.ww-public-photo-hero .ww-eyebrow,
.ww-home-cinematic-hero .ww-eyebrow { display: none !important; }
/* Only phone hero layout changes; tablet/desktop retain their existing composition. */
@media (max-width: 639px) {
  .ww-public .ww-public-photo-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    padding-bottom: 28px;
  }
  .ww-public .ww-public-photo-hero > .ww-public-hero-picture {
    grid-column: 1; grid-row: 1; position: relative;
    min-height: 240px; align-self: stretch; overflow: hidden;
  }
  .ww-public .ww-public-photo-hero > .ww-public-hero-picture img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: var(--ww-hero-mobile-position, center);
  }
  .ww-public .ww-public-photo-hero > .ww-public-hero-shade {
    display: block; position: relative; inset: auto; grid-column: 1; grid-row: 1;
    background: linear-gradient(90deg, rgba(20,10,7,.78), rgba(20,10,7,.26) 62%, transparent 85%);
    pointer-events: none;
  }
  .ww-public .ww-public-photo-hero > .ww-public-hero-content { display: contents; }
  .ww-public .ww-public-photo-hero .ww-public-hero-content > h1 {
    grid-column: 1; grid-row: 1; align-self: start; position: relative; z-index: 3;
    width: 60%; max-width: none; box-sizing: border-box; margin: 0;
    padding: 24px 0 28px 20px; font-size: clamp(20px, 4.8vw, 29px);
    line-height: 1.16; overflow-wrap: anywhere; text-align: left;
    text-shadow: 0 2px 12px rgba(0,0,0,.6);
  }
  .ww-public .ww-public-photo-hero .ww-public-hero-lead {
    margin: 0; max-width: none; padding: 24px 20px 0;
    font-size: 15px; line-height: 1.7;
  }
  .ww-public .ww-public-photo-hero .ww-public-hero-content > .flex {
    margin: 22px 20px 0; gap: 10px;
  }
  .ww-public .ww-public-photo-hero .ww-public-hero-note { margin: 16px 20px 0; font-size: 12px; }
  .ww-public .ww-home-cinematic-hero { align-items: center; }
  .ww-public .ww-home-hero-content { padding-block: 44px 72px; transform: none; }
  .ww-public .ww-home-hero-content > .flex { margin-top: 24px; gap: 10px; }
  .ww-public :is(.ww-public-photo-hero, .ww-home-cinematic-hero) :is(.ww-button-primary, .ww-button-hero-secondary) {
    min-height: 44px; padding: 10px 15px; font-size: 13px; line-height: 1.35;
  }
  .ww-public :is(.ww-public-photo-hero, .ww-home-cinematic-hero) :is(.ww-button-primary, .ww-button-hero-secondary) svg { width: 16px; height: 16px; }
}
@media (max-width: 639px) {
  #root .ww-public :is(.ww-public-photo-hero, .ww-home-cinematic-hero) :is(.ww-button-primary, .ww-button-hero-secondary) {
    min-height: 44px !important; padding: 10px 15px !important; font-size: 13px !important; line-height: 1.35 !important;
  }
  #root .ww-public :is(.ww-public-photo-hero, .ww-home-cinematic-hero) :is(.ww-button-primary, .ww-button-hero-secondary) :where(span) { font-size: inherit !important; }
}
@media (max-width: 639px) {
  #root#root .ww-public :is(.ww-public-photo-hero, .ww-home-cinematic-hero) .ww-public-hero-content > .flex,
  #root#root .ww-public .ww-home-hero-content > .flex { flex-direction: row; align-items: center; }
  #root#root .ww-public :is(.ww-public-photo-hero, .ww-home-cinematic-hero) :is(.ww-button-primary, .ww-button-hero-secondary),
  #root#root .ww-public :is(.ww-public-photo-hero, .ww-home-cinematic-hero) :is(.ww-button-primary, .ww-button-hero-secondary) :where(span) { font-size: 13px !important; width: auto; }
}