mirror of
https://github.com/Sea-Haven-Industries/seahaven-site.git
synced 2026-10-02 18:53:13 +00:00
50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
|
/* ── Sustainability page ── */
|
||
|
|
.sustainability-section {
|
||
|
|
background: var(--surface);
|
||
|
|
}
|
||
|
|
.sustainability-body {
|
||
|
|
max-width: 800px;
|
||
|
|
}
|
||
|
|
.sustainability-body h2 {
|
||
|
|
font-family: var(--font-display);
|
||
|
|
font-size: clamp(1.5rem, 3vw, 2.25rem);
|
||
|
|
line-height: 1.2;
|
||
|
|
color: var(--text);
|
||
|
|
margin-top: 3.5rem;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
}
|
||
|
|
.sustainability-body p {
|
||
|
|
color: var(--text-muted);
|
||
|
|
line-height: 1.8;
|
||
|
|
margin-bottom: 1.25rem;
|
||
|
|
}
|
||
|
|
.sustainability-body .lead {
|
||
|
|
font-size: 1.0625rem;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.sustainability-body a {
|
||
|
|
color: var(--rose);
|
||
|
|
text-decoration: underline;
|
||
|
|
text-underline-offset: 2px;
|
||
|
|
}
|
||
|
|
.sustainability-body a:hover {
|
||
|
|
color: var(--rose-dark);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ── Commitment areas ── */
|
||
|
|
.commitment-block {
|
||
|
|
margin-top: 2rem;
|
||
|
|
padding-top: 2rem;
|
||
|
|
border-top: 1px solid var(--border);
|
||
|
|
}
|
||
|
|
.commitment-block h3 {
|
||
|
|
font-family: var(--font-display);
|
||
|
|
font-size: 1.375rem;
|
||
|
|
line-height: 1.25;
|
||
|
|
color: var(--text);
|
||
|
|
margin-bottom: 0.75rem;
|
||
|
|
}
|
||
|
|
.commitment-block p:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|