21 lines
1.3 KiB
HTML
21 lines
1.3 KiB
HTML
|
{{ define "main" }}
|
||
|
|
<section class="px-[var(--pad)] pt-[clamp(36px,5vw,64px)] pb-[clamp(28px,3.5vw,48px)] border-b border-[var(--rule)]">
|
||
|
|
<div class="font-sans font-medium text-[10px] leading-none tracking-[.22em] uppercase text-ink-soft mb-4">Legal · Colophon</div>
|
||
|
|
<h1 class="font-display font-normal text-[clamp(48px,7vw,96px)] leading-[0.94] m-0 mb-4"><em>{{ .Title }}</em></h1>
|
||
|
|
<p class="font-serif italic text-[clamp(13px,1vw,16px)] leading-[1.65] text-ink-2 max-w-[55ch] m-0">
|
||
|
|
{{ .Description }}
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<article class="px-[var(--pad)] py-[clamp(36px,5vw,64px)]">
|
||
|
|
<div class="max-w-[62ch] space-y-0
|
||
|
|
[&_h2]:font-sans [&_h2]:font-medium [&_h2]:text-[10px] [&_h2]:leading-none [&_h2]:tracking-[.22em] [&_h2]:uppercase [&_h2]:text-ink-soft [&_h2]:mt-10 [&_h2]:mb-4 [&_h2]:first:mt-0
|
||
|
|
[&_p]:font-serif [&_p]:text-[clamp(15px,1.05vw,17px)] [&_p]:leading-[1.72] [&_p]:text-ink-2 [&_p]:mt-3 [&_p]:mb-0
|
||
|
|
[&_strong]:font-sans [&_strong]:font-medium [&_strong]:text-[13px] [&_strong]:text-ink [&_strong]:tracking-[.02em]
|
||
|
|
[&_a]:border-b [&_a]:border-[var(--rule)] [&_a]:text-ink-2 [&_a]:transition-colors [&_a]:duration-150 hover:[&_a]:text-ink hover:[&_a]:border-ink
|
||
|
|
[&_hr]:border-none [&_hr]:block [&_hr]:h-px [&_hr]:bg-[var(--rule-2)] [&_hr]:mt-8 [&_hr]:mb-0">
|
||
|
|
{{ .Content }}
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
{{ end }}
|