:root { --blue:#238fba; --deep:#153f59; --paper:#f6fbfe; --muted:#587482; --line:rgba(21,56,74,.16); --serif:"Cormorant Garamond",Georgia,serif; --sans:"Manrope",system-ui,sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--deep); background: var(--paper); font-family: var(--sans); line-height: 1.7; }
header { width: min(1100px, calc(100% - 2.5rem)); margin: auto; padding: 1.2rem 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
header > a:first-child { position: relative; display: block; }
header > a:first-child::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: var(--blue); -webkit-mask: url("./assets/sandra-abel-logo-green-fine-type.png") center / contain no-repeat; mask: url("./assets/sandra-abel-logo-green-fine-type.png") center / contain no-repeat; }
header img { width: 120px; display: block; opacity: 0; }
.back { color: var(--blue); font-size: .78rem; font-weight: 600; text-decoration: none; }
main { width: min(780px, calc(100% - 2.5rem)); margin: 0 auto; padding: 7rem 0; }
.eyebrow { color: var(--blue); font-size: .68rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
h1, h2 { font-family: var(--serif); font-weight: 400; line-height: 1; }
h1 { margin: .7rem 0 1.5rem; font-size: clamp(3.6rem, 8vw, 6.5rem); }
h2 { margin-bottom: .7rem; font-size: 2rem; }
.lede { margin-bottom: 4rem; color: var(--muted); font-size: 1.05rem; }
section { padding: 1.7rem 0; border-top: 1px solid var(--line); }
section p { margin: 0; color: var(--muted); }
a { color: var(--blue); }
.updated { margin-top: 3rem; color: var(--muted); font-size: .7rem; }