/* Selected author design: Version 2 editorial composition in warm cream. */
#christina{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:840px;padding:105px 7% 100px;background:#f5f1e7;color:#293d2c;scroll-margin-top:0}
#christina .author-given,#christina .author-family{display:block}
#christina .author-portrait{position:absolute;z-index:-1;inset:0 0 0 auto;width:61%;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);mask-image:linear-gradient(90deg,transparent,#000 25%)}
#christina .author-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f1e7 0%,#f5f1e7d9 19%,#f5f1e71a 55%,transparent 78%),linear-gradient(0deg,#f5f1e780,transparent 45%)}
#christina .author-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:53% center}
#christina .author-kicker{margin:0 0 42px;color:#79643c;font-size:10px;letter-spacing:.28em}
#christina .author-content{max-width:56%;position:relative}
#christina h2{margin:0 0 36px;font-size:clamp(66px,7.4vw,112px);line-height:.97;letter-spacing:-.055em}
#christina .author-family{font-size:.58em;line-height:1.05;max-width:10ch;margin-top:12px;color:#796441}
#christina .author-copy{padding-left:24px;border-left:1px solid #a18c6080;max-width:450px}
#christina .author-copy p{font-size:15px;line-height:1.85;margin:0 0 22px;color:#43503d;max-width:none}
#christina .author-copy p:last-child{margin-bottom:0}
#christina .author-signoff{display:flex;align-items:center;gap:16px;margin:35px 0 0;font-size:10px;letter-spacing:.2em;color:#79643c;text-transform:uppercase}
#christina .author-signoff span{width:34px;height:1px;background:#a18c6080}
@media(max-width:1050px){
  #christina .author-content{max-width:60%}
  #christina .author-portrait{width:65%}
}
@media(max-width:760px){
  #christina{padding:320px 7% 58px;min-height:0}
  #christina .author-portrait{inset:0 0 auto;width:100%;height:500px;-webkit-mask-image:none;mask-image:none}
  #christina .author-portrait img{object-position:44% 36%}
  #christina .author-portrait:after{background:linear-gradient(0deg,#f5f1e7 0%,#f5f1e7 10%,#f5f1e7cc 32%,#f5f1e726 64%,transparent 90%)}
  #christina .author-kicker{margin:0;position:absolute;top:278px;left:7%}
  #christina .author-content{max-width:none}
  #christina h2{font-size:56px;margin-bottom:32px}
  #christina .author-family{font-size:.61em;max-width:none;margin-top:8px}
  #christina .author-copy{padding-left:16px;max-width:none}
  #christina .author-copy p{font-size:15px;line-height:1.8}
}
@media(max-width:380px){
  #christina h2{font-size:47px}
}

/* Author surface comparison: the approved cream baseline and a pale garden green. */
#christina[data-author-surface="green"]{background:radial-gradient(ellipse at 0% 15%,#f0f5e9b3,transparent 60%),linear-gradient(125deg,#e5eedc 0%,#dfebd5 50%,#d2e1c5 100%)}
#christina[data-author-surface="green"] .author-portrait{-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%)}
#christina[data-author-surface="green"] .author-portrait:after{background:linear-gradient(0deg,#d8e5cf80,transparent 45%)}
.author-surface-designs{margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid #aab79966}
.author-surface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.author-surface-heading h3{font:400 21px/1.2 var(--serif);margin:0}
.author-surface-heading>span{font-size:11px;color:#63705c}
.author-surface-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.author-surface-options button{padding:12px;border:1px solid #b6c1a9;border-radius:9px;background:#fdfbf5;color:#293d2c;text-align:left;font-size:12px}
.author-surface-options button[aria-pressed="true"]{border-color:#806524;box-shadow:inset 0 0 0 1px #d8b65a}
.author-surface-options button:focus-visible{outline:2px solid #806524;outline-offset:3px}
.author-surface-swatch{display:block;height:55px;border-radius:5px;margin-bottom:11px;border:1px solid #293d2c0f}
.author-surface-swatch.cream{background:#f5f1e7}
.author-surface-swatch.green{background:radial-gradient(ellipse at 0% 15%,#f0f5e9b3,transparent 60%),linear-gradient(125deg,#e5eedc,#dfebd5 50%,#d2e1c5)}
.author-surface-swatch.dark{background:linear-gradient(125deg,#0c281c,#1c422e)}
.author-surface-options small{display:block;color:#806524;font-size:10px;margin-bottom:5px}
#christina[data-author-surface="dark"]{background:#102e20;color:#f6f0df}
#christina[data-author-surface="dark"] .author-portrait{width:100%;-webkit-mask-image:none;mask-image:none}
@media(min-width:761px){
 #christina[data-author-surface="dark"] .author-portrait img{object-position:calc(53% + clamp(140px,20vw,280px)) center;-webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 34%);mask-image:linear-gradient(90deg,transparent 12%,#000 34%)}
}
#christina[data-author-surface="dark"] .author-portrait:after{background:linear-gradient(90deg,rgba(12,40,28,.94) 0%,rgba(12,40,28,.88) 38%,rgba(12,40,28,.64) 60%,rgba(12,40,28,.28) 100%),linear-gradient(0deg,rgba(12,40,28,.4),transparent 55%)}
#christina[data-author-surface="dark"] .author-kicker,#christina[data-author-surface="dark"] .author-signoff{color:#dec984}
#christina[data-author-surface="dark"] .author-family{color:#dec984}
#christina[data-author-surface="dark"] .author-copy{border-color:#dec98466}
#christina[data-author-surface="dark"] .author-copy p{color:#e2e9da}
#christina[data-author-surface="dark"] .author-signoff span{background:#dec98466}
@media(max-width:760px){
 #christina[data-author-surface="green"] .author-portrait{-webkit-mask-image:linear-gradient(0deg,transparent 0%,transparent 10%,#000 80%);mask-image:linear-gradient(0deg,transparent 0%,transparent 10%,#000 80%)}
 #christina[data-author-surface="green"] .author-portrait:after{background:none}
 .author-surface-heading{display:block}
 .author-surface-heading>span{display:block;margin-top:7px}
 #christina[data-author-surface="dark"] .author-portrait{height:550px}
 #christina[data-author-surface="dark"] .author-portrait:after{background:linear-gradient(0deg,#102e20 0%,rgba(16,46,32,.95) 22%,rgba(16,46,32,.68) 42%,rgba(16,46,32,.25) 75%,rgba(16,46,32,.2) 100%)}
 .author-surface-options button{min-width:0;padding:9px;font-size:11px;line-height:1.4}
}
