/* Press section */

.press {
position: relative;
text-align: center;
}
.press::after {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(
to bottom,
    transparent 85%,
rgba(0, 0, 0, 0.6) 95%,
#000 100%
  );
}
.press__layout {
display: flex;
align-items: center;
gap: var(--space-2xl);
}
.press__character {
flex-shrink: 0;
width: 350px;
position: relative;
}
.press__character-img {
width: 100%;
height: auto;
position: relative;
z-index: 2;
animation: gastric-float 3s ease-in-out infinite;
}
.press__podium {
width: auto;
height: auto;
display: block;
position: absolute;
bottom: -150px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
pointer-events: none;
mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}
@keyframes gastric-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.press__content {
flex: 1;
text-align: left;
}
.press__content .section__title {
text-align: left;
}
.press__copy {
color: var(--color-text-secondary);
margin-bottom: var(--space-lg);
line-height: 1.7;
}
.btn-press {
display: inline-block;
background: var(--color-highlight);
color: #fff;
font-family: var(--font-display);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 0.85rem 2.5rem;
border-radius: 8px;
margin-bottom: var(--space-lg);
transition: all var(--transition-fast);
}
.btn-press:hover {
background: var(--color-highlight-hover);
color: #fff;
transform: translateY(-2px);
}
.press__email {
color: var(--color-text-secondary);
margin-bottom: var(--space-lg);
}
.press__joke {
color: var(--color-text-muted);
font-style: italic;
line-height: 1.8;
}

/* Mobile */
@media (max-width: 900px) {
.press__layout {
flex-direction: column;
gap: 0;
  }
/* display: contents lets children participate in flex order independently */
.press__content {
display: contents;
  }
.press__content .section__title {
order: 1;
text-align: center;
  }

.press__content .section__title {
    font-size: 1.8rem;
  }
.press__content .press__copy:nth-of-type(1) {
order: 2;
text-align: center;
  }
.press__character {
order: 3;
width: 200px;
margin: var(--space-lg) auto var(--space-2xl);
padding-bottom: 80px;
  }
.press__podium {
width: 90%;
bottom: 30px;
  }
.press__content .press__copy:nth-of-type(2) {
order: 4;
text-align: center;
margin-top:-90px;
  }
.press__content .btn-press {
order: 5;
margin-left: auto;
margin-right: auto;
  }
.press__content .press__email,
.press__content .press__joke {
order: 6;
text-align: center;
  }
}