:root{--faces-paper:#f2eee5;--faces-ink:#39382e;--faces-olive:#30372b;--faces-line:rgba(57,56,46,.28)}
body:has(.faces-page){display:flex;flex-direction:column;min-height:100dvh;background:var(--faces-paper);color:var(--faces-ink)}
.faces-page{flex:1 0 auto;background:var(--faces-paper)}body:has(.faces-page) footer.subpage-footer{flex:none;margin-top:auto}
.faces-intro{min-height:0;padding:clamp(42px,4vw,68px) clamp(34px,7vw,112px) 54px;display:flex;flex-direction:column;justify-content:flex-start;background:var(--faces-paper)}.faces-intro p,.face-role{margin:0;font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase}.faces-intro h1{margin:25px 0 0;white-space:nowrap;font:400 clamp(78px,15.2vw,280px)/.82 'Instrument Serif',Georgia,serif;letter-spacing:-.055em}.faces-intro>span{align-self:flex-start;margin-top:16px;font:italic clamp(23px,2.4vw,38px)/1 'Instrument Serif',Georgia,serif}
.face-profile{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:900px}.face-image{min-height:900px;margin:0;background:center top/cover no-repeat}.face-profile-grace .face-image{background-image:url('the-faces-grace-v1.webp')}.face-profile:nth-child(even){grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);background:var(--faces-olive);color:#f5f0e6}.face-profile:nth-child(even) .face-image{grid-column:2;background-position:center 28%}.face-profile:nth-child(even) .face-copy{grid-column:1;grid-row:1}.face-profile-alexa .face-image{background-image:url('the-faces-alexa-v1.webp')}.face-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(80px,10vw,150px) clamp(38px,7vw,112px) clamp(65px,8vw,120px)}.face-copy h2{margin:26px 0 clamp(54px,7vw,112px);font:400 clamp(100px,13vw,205px)/.75 'Instrument Serif',Georgia,serif;letter-spacing:-.04em}.face-copy dl{margin:0;border-top:1px solid currentColor}.face-copy dl div{padding:14px 0 13px;border-bottom:1px solid currentColor}.face-copy dt{margin:0 0 5px;font:500 10px/1.15 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.face-copy dd{margin:0;font:400 15px/1.45 'DM Mono',monospace}.face-book{display:inline-flex;align-self:flex-start;gap:10px;margin-top:clamp(38px,5vw,72px);padding:0 0 11px;border-bottom:1px solid currentColor;color:inherit;font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.face-book:hover{opacity:.6}
@media(min-width:701px){.faces-intro-break{display:none}}@media(min-width:1025px){.faces-page{margin-top:108px}}
@media(min-width:701px) and (max-width:1024px){.faces-page{margin-top:0;padding-top:112px}}
@media(min-width:1025px) and (max-width:1200px){.faces-intro h1{font-size:clamp(120px,16vw,190px)}}
@media(max-width:1024px){.faces-intro{min-height:0;padding:46px 46px 58px}.faces-intro h1{font-size:clamp(74px,12.5vw,132px)}.face-profile{min-height:760px;grid-template-columns:1fr 1fr}.face-image{min-height:760px}.face-profile-alexa{grid-template-columns:1fr 1fr}.face-copy{padding:80px 46px 62px}.face-copy h2{font-size:clamp(84px,11vw,142px)}}
@media(max-width:700px){.faces-intro{min-height:460px;padding:165px 22px 44px}.faces-intro h1{margin-top:25px;white-space:normal;font-size:27vw}.faces-intro>span{align-self:flex-start;font-size:28px}.face-profile,.face-profile-alexa{display:flex;flex-direction:column;min-height:0}.face-image,.face-profile-alexa .face-image{order:0;min-height:118vw;height:118vw;grid-column:auto;background-position:center top}.face-profile-alexa .face-copy{grid-column:auto;grid-row:auto}.face-copy{order:1;padding:55px 22px 62px}.face-copy h2{margin:21px 0 48px;font-size:31vw}.face-copy dt{font-size:10px}.face-copy dd{font-size:13px;line-height:1.5}.face-book{margin-top:45px;font-size:10px}.face-profile-alexa .face-image{background-position:center top}}