.directors-preface-page{--directors-preface-frame-width:clamp(6.5rem,14vw,11rem);--directors-preface-frame-label-gap:clamp(0.5rem,1.25vh,0.875rem);position:relative;background-color:transparent;min-height:calc(100svh - var(--site-header-height));min-height:calc(100dvh - var(--site-header-height))}.directors-preface-inner{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:var(--site-shell-max,80rem);margin-inline:auto;padding:clamp(2rem,5vh,3.5rem) 1rem clamp(3rem,8vh,5rem)}@media (min-width:640px){.directors-preface-inner{padding-inline:1.5rem}}@media (min-width:1024px){.directors-preface-inner{padding-inline:var(--site-shell-padding-x)}}.directors-preface-title{margin-bottom:clamp(2rem,5vh,3.5rem);font-family:var(--font-pixel),sans-serif;font-size:clamp(1.75rem,5vw,3.25rem);line-height:1.15;letter-spacing:.08em;text-align:center;text-transform:lowercase;color:var(--site-page-title-color)}.directors-preface-layout{display:grid;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);grid-template-columns:var(--directors-preface-frame-width) minmax(0,1fr)}.directors-preface-aside,.directors-preface-profile-link{display:flex;flex-direction:column;align-items:center}.directors-preface-profile-link{gap:var(--directors-preface-frame-label-gap);width:100%;text-decoration:none;transition:filter .15s ease,transform .15s ease}.directors-preface-profile-link:focus-visible,.directors-preface-profile-link:hover{filter:brightness(1.1);transform:translateY(-2px);outline:none}.directors-preface-portrait{width:var(--directors-preface-frame-width);flex-shrink:0;--frame-red-photo-vignette:0.35}.directors-preface-credit{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.directors-preface-credit-line{font-family:var(--font-pixel),sans-serif;font-size:clamp(.7rem,1.4vw,1rem);line-height:1.35;letter-spacing:.07em;text-align:center;text-transform:lowercase;color:var(--deepred-gold)}.directors-preface-credit-rule{display:block;width:100%;max-width:var(--directors-preface-frame-width);height:1px;margin-top:.35rem;background:linear-gradient(90deg,transparent,rgba(192,174,112,.85) 20%,rgba(192,174,112,.85) 80%,transparent)}.directors-preface-prose{font-family:var(--font-sans),sans-serif;font-size:clamp(.8125rem,1.35vw,1rem);font-weight:600;line-height:1.65;letter-spacing:.02em;color:var(--deepred-gold-light);column-gap:clamp(1.25rem,3vw,2.5rem)}.directors-preface-prose p{margin:0 0 1.1em;break-inside:avoid}.directors-preface-prose p:last-child{margin-bottom:0}.directors-preface-closing{display:block;font-family:var(--font-pixel),sans-serif;font-size:clamp(1rem,2.2vw,1.35rem);line-height:inherit;letter-spacing:.08em;text-transform:lowercase;color:var(--deepred-red);text-shadow:0 0 16px var(--deepred-red-glow)}@media (min-width:1024px){.directors-preface-layout{position:relative;display:block}.directors-preface-aside{position:absolute;top:0;left:calc(var(--site-logo-width) * var(--site-logo-r-inset-ratio));z-index:2;align-items:flex-start;padding-left:0}.directors-preface-prose{box-sizing:border-box;width:var(--site-mc-subnav-row-width);max-width:100%;margin-inline:auto;padding-inline:0}}@media (min-width:900px){.directors-preface-prose{column-count:2;column-gap:2rem}}@media (max-width:899px){.directors-preface-layout{grid-template-columns:1fr;justify-items:center}.directors-preface-prose{width:100%;max-width:none}}@media (max-width:640px){.directors-preface-inner{padding-top:clamp(1.25rem,4vh,2rem)}}