.preface-page{background:#efe1c5;color:#24180f}.preface-reading{max-width:808px;margin:0 auto;padding:clamp(48px,6vw,88px) 24px}.preface-hero{position:relative;background:#07111d;color:#efe1c5}.preface-hero>picture{display:block;max-width:1536px;margin:0 auto}.preface-hero img{display:block;width:100%;height:auto}.preface-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,29,.55),transparent 65%);pointer-events:none}.preface-hero header{position:absolute;z-index:1;top:48px;left:calc(max(8%, (100% - 1280px)/2) + clamp(0px, 4vw, 64px) - 48px);width:44%}.preface-hero .eyebrow{color:#E68053}.preface-hero h1{margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.1;text-transform:uppercase;letter-spacing:.02em}.preface-quote{margin:24px 0 0;max-width:48ch;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7;text-shadow:0 2px 8px #07111d}@media (max-width:700px){.preface-hero header{top:48px;left:24px;width:44%}.preface-hero .eyebrow{font-size:.6rem;letter-spacing:.1em}.preface-hero{display:flex;flex-direction:column}.preface-hero header{position:relative;order:-1;top:auto;left:auto;width:auto;padding:48px 24px 32px}.preface-hero:after{display:none}}.preface-reading header{margin-bottom:40px;text-align:center}.preface-reading .eyebrow{color:#843618}.preface-reading h1{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;text-transform:uppercase;letter-spacing:.02em}.preface-reading>p{margin:0 0 28px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.85;text-wrap:pretty}.preface-reading>p:last-child{margin-bottom:0}.preface-reading .preface-signature{white-space:nowrap;font-weight:700}