.hero-legal {
border-bottom: 1px solid var(--color-border);
}
.hero-inner-legal {
align-items: stretch;
}
.hero-copy-legal {
justify-content: center;
}
.hero-grid-legal {
grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);
}
.hero-panel-main-legal {
background: radial-gradient(circle at top left, rgba(217, 119, 6, 0.18), transparent 55%), var(--color-bg-elevated);
}
.hero-main-image-legal::before {
background-image: url("/assets/images/gourmet-roast-closeup.webp");
}
.hero-main-info-legal {
background: radial-gradient(circle at top left, rgba(217, 119, 6, 0.32), rgba(15, 23, 42, 0.96));
}
.hero-panel-lower-legal {
align-items: stretch;
}
.hero-card-legal {
min-height: 100%;
}
.hero-card-secondary-legal {
min-height: 100%;
}
.page-section-tight {
padding-block: var(--space-10);
}
.legal-intro-shell {
border-radius: var(--radius-xl);
}
.legal-aside {
border-radius: var(--radius-xl);
}
.legal-links-list {
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.legal-link {
display: inline-flex;
justify-content: space-between;
align-items: center;
padding-block: 0.5rem;
border-bottom: 1px solid var(--color-border);
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--color-text-muted);
}
.legal-link:last-child {
border-bottom: none;
}
.legal-link:hover {
color: var(--color-primary);
}
.legal-grid {
display: grid;
gap: var(--space-8);
}
.legal-block {
border-radius: var(--radius-xl);
border: 1px solid var(--color-border);
background: radial-gradient(circle at top left, rgba(148, 163, 184, 0.12), transparent 55%), var(--color-bg-elevated);
box-shadow: var(--shadow-soft);
padding: var(--space-6);
}
.legal-block h2 {
margin-bottom: var(--space-3);
}
.legal-block h3 {
margin-top: var(--space-4);
}
.legal-block ul {
display: grid;
gap: var(--space-2);
}
.legal-block li {
font-size: 0.95rem;
color: var(--color-text-muted);
}
.legal-list-grid {
display: grid;
gap: var(--space-4);
margin-block: var(--space-4);
}
.table-wrapper {
margin-top: var(--space-4);
border-radius: var(--radius-lg);
border: 1px solid var(--color-border);
overflow: hidden;
}
.table-shell th,
.table-shell td {
font-size: 0.85rem;
}
.table-shell th {
background-color: rgba(15, 23, 42, 0.9);
}
@media (min-width: 900px) {
.legal-list-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.legal-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.legal-block {
padding: var(--space-5);
}
}
Document