/* Homepage-only: one continuous scene, keeping the original teacher photo intact. */
.cl-home .hero{--hero-height:510px;position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}
.cl-home .hero-inner{position:static;display:flex;align-items:center;height:var(--hero-height);min-height:0;padding-block:32px;gap:0}
.cl-home .hero-content{display:block;position:relative;z-index:2;width:46%;max-width:560px;flex:none}
.cl-home .hero-art{position:absolute;z-index:0;inset:0 0 0 auto;width:min(71%,1020px);margin:0;animation:none;display:block;overflow:hidden}
.cl-home .hero-portrait{position:absolute;right:0;top:50%;transform:translateY(-50%);width:max(100%,calc(var(--hero-height)*1.89453125));aspect-ratio:485/256;overflow:hidden;mask-image:none}
.cl-home .hero-art .hero-portrait img{width:116.495%;height:auto;max-width:none;aspect-ratio:auto;left:-8.247%;top:-59.375%;mask-image:none}
.cl-home .hero-portrait:after{display:none}
.cl-home .hero-art:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f6f5f0 0%,rgba(246,245,240,.96) 8%,rgba(246,245,240,.58) 25%,rgba(246,245,240,0) 44%)}
.cl-home .hero-art>span{position:absolute;z-index:1;right:110px;bottom:34px;padding:0;display:block;color:#293b55}
.cl-home .hero-art>span strong{font-size:28px;font-weight:600}.cl-home .hero-art>span strong span{font-size:13px;color:#637064;margin-top:9px}.cl-home .portrait-link{margin-top:17px;font-size:12px}
@media(min-width:801px) and (max-width:1100px){.cl-home .hero{--hero-height:460px}.cl-home .hero-content{width:48%}.cl-home .hero-art{width:66%}.cl-home .hero-art>span{right:110px;bottom:24px}.cl-home .hero-art>span strong{font-size:23px}.cl-home .hero-art>span strong span{font-size:11px}.cl-home .hero-art:after{background:linear-gradient(90deg,#f6f5f0 0%,rgba(246,245,240,.85) 15%,transparent 45%)}}
@media(max-width:800px){
 .cl-home .hero{--hero-height:clamp(230px,52.784vw,423px)}
 .cl-home .hero-inner{display:flex;flex-direction:column;align-items:stretch;height:auto;padding-block:22px 20px;gap:0}
 .cl-home .hero-content{display:contents}
 .cl-home .hero-art{position:relative;inset:auto;order:4;width:auto;height:var(--hero-height);margin:3px -18px 0;flex:none;align-self:stretch}
 .cl-home .hero-portrait{right:50%;top:50%;transform:translate(50%,-50%);width:max(100%,calc(var(--hero-height)*1.89453125))}
 .cl-home .hero-art:after{background:linear-gradient(180deg,#f6f5f0 0%,transparent 6%,transparent 87%,#f6f5f0 100%)}
 .cl-home .hero-art>span{left:18px;right:auto;bottom:17px;padding:0;text-align:left}
 .cl-home .hero-art>span strong{font-size:21px}.cl-home .hero-art>span strong span{font-size:9px;line-height:1.7;max-width:120px;margin:5px 0 0;white-space:normal}.cl-home .portrait-link{display:none}
 .cl-home .hero .actions{position:relative;z-index:2;margin-top:8px}
}
@media(max-width:800px) and (max-height:750px){.cl-home .hero{--hero-height:clamp(218px,52.784vw,423px)}.cl-home .hero-inner{padding-block:16px}.cl-home .hero .actions{margin-top:5px}}