/* v24: the original B portrait concept, with the approved open textbook pose. */
.readable .hero-standing{background:#faf7f2;isolation:isolate}
.hero-standing::before{content:"";position:absolute;z-index:-1;inset:0 0 88px 40%;background:linear-gradient(90deg,#faf7f2 0%,rgba(250,247,242,.25) 35%,rgba(250,247,242,0) 60%),linear-gradient(110deg,#f8f3ed 10%,#f0ded6 72%,#eed9d1 100%)}
.hero-standing::after{content:"";position:absolute;z-index:-1;top:0;bottom:88px;right:8%;width:11%;background:linear-gradient(90deg,rgba(157,121,105,.065),rgba(255,255,255,.18) 20%,rgba(255,255,255,.035) 85%);filter:blur(6px)}
.standing-layout{width:min(1336px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:46% 54%;grid-template-rows:auto 1fr;position:relative}
.standing-heading{grid-column:1;grid-row:1;padding:42px 20px 0 0;z-index:1}
.standing-year{display:flex;align-items:center;gap:22px;color:#826020;font-family:var(--serif);letter-spacing:.08em}
.standing-year:after{content:"";height:1px;flex:1;max-width:310px;background:#b59a73}
.readable .hero-standing .hero-subject{margin:5px 0 22px;color:#282727;letter-spacing:.035em}
.readable .hero-standing h1{font-size:clamp(42px,4.55vw,68px);line-height:1.34;letter-spacing:.025em}
.hero-standing .wine-text{color:#79384c}
.standing-instructors{grid-column:2;grid-row:1 / 3;min-width:0;min-height:620px;margin:0;display:flex;flex-direction:column;justify-content:flex-end}
.standing-portrait{position:relative;min-height:0;flex:1;overflow:hidden}
.standing-portrait img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:96%;max-width:690px;max-height:calc(100% - 24px);object-fit:contain;object-position:center bottom}
.standing-names{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:13px 18px 18px;background:rgba(250,247,242,.45);border-top:1px solid #ccb5a83d;text-align:center}
.standing-names a{display:flex;flex-direction:column;align-items:center;gap:3px}
.standing-names a:hover strong{color:var(--wine)}
.standing-names span{font-size:14px;line-height:1.6;color:#7c6755}
.standing-names strong{font:22px/1.6 var(--serif);color:#34302d;letter-spacing:.06em}
.standing-copy{grid-column:1;grid-row:2;padding:22px 16px 38px 0;z-index:1}
.standing-lead{font-family:var(--serif);color:#2b2926;letter-spacing:.01em}
.standing-lead span{display:inline-block}
.standing-online{margin-top:24px;letter-spacing:.06em}
.readable .hero-standing .hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-top:11px}
.readable .hero-standing .button{min-height:60px;width:min(100%,365px);padding:14px 24px;justify-content:space-between;background:#79384c;border-color:#79384c}
.readable .hero-standing .button:hover{background:#5e293b}
.hero-standing .text-link{font-weight:500;border-color:#6c5d56;color:#3b332e;padding-bottom:4px;gap:15px}
.standing-learning{position:relative;background:#fcf8f0;border-top:1px solid #e7dcd0}
.standing-learning-inner{width:min(1336px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:1.1fr repeat(4,1fr);padding:22px 0;align-items:center;gap:0}
.standing-learning-inner>p{color:#826020;font-family:var(--serif);letter-spacing:.06em}
.standing-learning-inner>p strong{font-weight:500}
.standing-learning-inner>a{display:flex;justify-content:center;align-items:center;gap:14px;border-left:1px solid #bdaa94;font:20px/1.7 var(--serif);padding:8px 10px;white-space:nowrap}
.standing-learning-inner>a:hover{color:var(--wine)}
.standing-learning-inner>a>span{font:18px/1.4 var(--serif);color:#a68a60}
@layer readable-type{
 .readable #top .standing-year{font-size:24px!important;line-height:1.6!important}
 .readable #top .standing-lead{font-size:20px!important;line-height:1.8!important}
 .readable #top .standing-online{font-size:17px!important;line-height:1.8!important}
 .readable #top .standing-learning-inner>p{font-size:18px!important;line-height:1.55!important}
 .readable #top .hero-actions .button{font-size:21px!important;line-height:1.6!important}
}
@media(min-width:1500px){.standing-heading{padding-top:48px}.standing-instructors{min-height:685px}.standing-copy{padding-bottom:42px}}
@media(min-width:901px) and (max-width:1150px){
 .standing-layout,.standing-learning-inner{width:calc(100% - 64px)}
 .standing-layout{grid-template-columns:48% 52%}
 .standing-heading{padding-top:32px;padding-right:12px}
 .readable .hero-standing h1{font-size:43px}
 .readable .hero-standing .hero-subject{letter-spacing:0;margin-bottom:20px}
 .standing-instructors{min-height:590px}
 .standing-copy{padding-top:20px}
 .standing-lead br{display:none}
 .standing-learning-inner{grid-template-columns:1.05fr repeat(4,1fr)}
 .standing-learning-inner>a{font-size:16px;gap:7px;padding-inline:7px}
 .standing-learning-inner>a>span{font-size:15px}
 @layer readable-type{.readable #top .standing-lead{font-size:18px!important}.readable #top .standing-learning-inner>p{font-size:16px!important}}
}
@media(max-width:900px){
 .hero-standing::before{inset:0 0 0 0;background:radial-gradient(ellipse at 95% 38%,#efdcd3 0%,#f6eee6 37%,#faf7f2 70%)}
 .hero-standing::after{top:26%;bottom:40%;right:5%}
 .standing-layout{width:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto}
 .standing-heading{grid-column:1;grid-row:1;width:min(100%,650px);margin:auto;padding:30px 28px 16px}
 .readable .hero-standing h1{font-size:49px;line-height:1.3}
 .standing-instructors{grid-column:1;grid-row:2;min-height:0}
 .standing-portrait{flex:none;height:clamp(260px,70vw,480px)}
 .standing-portrait img{width:86%;max-width:590px;max-height:100%}
 .standing-names{width:min(100%,590px);margin:auto;background:transparent;border-color:#dac8ba70;padding:12px 20px 0;gap:14px}
 .standing-names strong{font-size:22px}
 .standing-copy{grid-column:1;grid-row:3;width:min(100%,650px);margin:auto;padding:27px 28px 30px}
 .standing-online{margin-top:18px}
 .readable .hero-standing .button{width:100%;max-width:400px}
 .standing-learning-inner{width:min(100%,650px);padding:20px 28px 25px;grid-template-columns:1fr 1fr;gap:0}
 .standing-learning-inner>p{grid-column:1 / 3;margin:0 0 12px;display:flex;gap:.8em;align-items:center}
 .standing-learning-inner>p br{display:none}
 .standing-learning-inner>a{font-size:18px;padding:11px 0;justify-content:flex-start;gap:12px;border-left:0;border-top:1px solid #dacabb}
 .standing-learning-inner>a:nth-of-type(even){padding-left:20px}
 @layer readable-type{.readable #top .standing-lead{font-size:19px!important}.readable #top .standing-year{font-size:22px!important}}
}
@media(max-width:600px){
 .standing-heading{padding:25px 20px 12px}
 .readable .hero-standing .hero-subject{margin:5px 0 18px;letter-spacing:0}
 .readable .hero-standing h1{font-size:clamp(37px,10.1vw,48px);line-height:1.3;letter-spacing:.015em}
 .standing-year{gap:18px}
 .standing-portrait{height:72vw;min-height:245px;max-height:415px}
 .standing-portrait img{width:84%;max-height:100%}
 .standing-names{padding:11px 17px 0;gap:10px}
 .standing-names span{font-size:14px;min-height:45px;max-width:11em;text-wrap:balance}
 .standing-names strong{font-size:21px}
 .standing-copy{padding:24px 20px 27px}
 .standing-lead br{display:none}
 .standing-online{margin-top:18px}
 .standing-learning-inner{padding:19px 20px 22px}
 .standing-learning-inner>a{font-size:16px;gap:10px}
 .standing-learning-inner>a>span{font-size:16px}
 .standing-learning-inner>a:nth-of-type(even){padding-left:14px}
 @layer readable-type{
  .readable #top .standing-year{font-size:20px!important}
  .readable #top .standing-lead{font-size:17px!important;line-height:1.85!important}
  .readable #top .standing-online{font-size:16px!important}
  .readable #top .standing-learning-inner>p{font-size:17px!important}
  .readable #top .hero-actions .button{font-size:20px!important}
 }
}