/* Supplied AI design image, isolated from saved lecture and portrait versions. */
.hero-study{min-height:660px;background:#291a32}
.hero-study::before{display:none}
.hero-study .hero-photo{inset:90px 0 0;width:100%;height:570px;max-width:none;transform:none;object-fit:contain;object-position:center center;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.hero-study .hero-shade{background:linear-gradient(90deg,#291a32e8 0%,#291a32b8 25%,transparent 43%,transparent 60%,#291a32b8 76%,#291a32ed 100%);pointer-events:none}
.hero-study .hero-layout{min-height:660px;padding-top:150px;padding-bottom:40px;grid-template-columns:29% 42% 29%}
.hero-study .hero-content,.hero-study .hero-right-column{top:0;left:0}
.hero-study .hero-identity h1{font-size:clamp(48px,4.8vw,76px)}
.hero-study .hero-context{font-size:14px}
.hero-study .hero-featured-book{margin-left:0;max-width:100%}
@media(min-width:1101px){.hero-study .hero-right-column{padding-left:clamp(24px,2.5vw,40px);left:clamp(24px,2.5vw,40px)}.hero-study .hero-featured-book{position:relative;left:0}}
@media(min-width:1600px){.hero-study,.hero-study .hero-layout{min-height:740px}.hero-study .hero-photo{height:650px}.hero-study .hero-layout{padding-top:170px}}
@media(min-width:901px) and (max-width:1100px){.hero-study .hero-right-column{position:relative;padding-left:clamp(16px,2.4vw,26px);left:clamp(16px,2.4vw,26px)}.hero-study .hero-identity h1{font-size:46px}.hero-study .hero-layout{grid-template-columns:29% 42% 29%;padding-top:145px}.hero-study .hero-statement{font-size:25px}.hero-study .hero-featured-book{grid-template-columns:75px 1fr;gap:14px}.hero-study .hero-topics{font-size:11px}}
@media(max-width:900px){
 .hero-study,.hero-study .hero-layout{min-height:0}
 .hero-study .hero-photo{top:78px;height:480px;object-fit:cover;object-position:51% center;mask-image:none}
 .hero-study .hero-layout{padding-top:565px;padding-bottom:45px}
 .hero-study .hero-shade{background:linear-gradient(180deg,transparent 410px,#291a32 560px)}
 .hero-study .hero-identity h1{font-size:60px}
}
@media(max-width:600px){
 .hero-study .hero-photo{top:72px;height:350px;width:100%;object-position:51% center}
 .hero-study .hero-layout{padding-top:430px}
 .hero-study .hero-shade{background:linear-gradient(180deg,transparent 340px,#291a32 425px)}
 .hero-study .hero-identity h1{font-size:clamp(44px,12vw,60px)}
}