.chef-hero-layout {
display: grid;
gap: var(--space-32);
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
align-items: center;
}
.chef-hero-text {
max-width: 620px;
}
.chef-hero-figure {
max-height: 520px;
}
.chef-hero-ctas {
margin-top: var(--space-24);
display: flex;
flex-wrap: wrap;
gap: var(--space-16);
}
.chef-hero-meta {
margin-top: var(--space-24);
display: flex;
flex-wrap: wrap;
gap: var(--space-16);
font-size: var(--font-size-sm);
color: var(--gray-600);
}
.chef-intro-grid {
align-items: flex-start;
}
.chef-intro-highlight {
align-self: center;
}
.chef-intro-links {
margin-top: var(--space-24);
display: flex;
flex-wrap: wrap;
gap: var(--space-16);
}
.chef-career-grid {
display: grid;
gap: var(--space-32);
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.1fr);
align-items: center;
}
.chef-career-cta {
margin-top: var(--space-24);
}
.chef-signature-grid {
margin-top: var(--space-32);
}
.chef-signature-note {
font-size: var(--font-size-sm);
color: var(--gray-500);
}
.chef-team-grid {
display: grid;
gap: var(--space-32);
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
align-items: flex-start;
}
.chef-inspiration-grid {
margin-top: var(--space-32);
}
.chef-quote {
max-width: 640px;
margin-inline: auto;
font-family: var(--font-serif);
font-style: italic;
color: var(--gray-600);
}
.chef-private-grid {
display: grid;
gap: var(--space-32);
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.1fr);
align-items: center;
}
.chef-private-ctas {
margin-top: var(--space-24);
display: flex;
flex-wrap: wrap;
gap: var(--space-16);
}
.chef-vision-ctas {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--space-16);
}
@media (max-width: 960px) {
.chef-hero-layout,
.chef-career-grid,
.chef-team-grid,
.chef-private-grid {
grid-template-columns: 1fr;
}
.chef-hero-figure,
.chef-career-grid > div:first-child,
.chef-private-grid > div:first-child {
order: -1;
}
}
@media (max-width: 600px) {
.chef-hero-ctas,
.chef-private-ctas,
.chef-vision-ctas,
.chef-intro-links {
flex-direction: column;
align-items: stretch;
}
}
Document