.escolia-reference .reference-hero{position:relative;overflow:hidden;background:#f5fbff}
.escolia-reference .hero-container{position:relative;width:min(1400px,calc(100% - 80px));margin-inline:auto;min-height:470px;display:flex;align-items:center}
.escolia-reference .hero-copy{position:relative;z-index:2;width:57%;padding-block:36px 30px}
.escolia-reference .hero-title{margin:0;font-family:Arial,"Segoe UI",sans-serif;font-size:56px;line-height:1.07;font-weight:800;letter-spacing:0;color:var(--navy)}
.escolia-reference .hero-title .word-blue{color:#147aff}
.escolia-reference .hero-title .word-green{color:#118c75}
.escolia-reference .hero-title .word-burgundy{color:var(--burgundy)}
.escolia-reference .hero-introduction{max-width:590px;margin:20px 0 0;color:#52658f;font-size:18px;line-height:1.5}
.escolia-reference .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}
.escolia-reference .hero-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:14px 25px;border-radius:999px;border:1px solid transparent;font-size:15px;line-height:1.2;font-weight:650;transition:background 160ms ease,transform 160ms ease}
.escolia-reference .hero-button:hover{transform:translateY(-2px)}
.escolia-reference .hero-button-primary{background:var(--burgundy);color:white}
.escolia-reference .hero-button-primary:hover{background:var(--burgundy-hover)}
.escolia-reference .hero-button-video{background:white;color:var(--navy);border-color:#899cc5;gap:12px}
.escolia-reference .hero-button-video:hover{background:#edf5ff}
.escolia-reference .hero-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}
.escolia-reference .arrow-icon{mask-image:url("../assets/icons/arrow-right.svg");-webkit-mask-image:url("../assets/icons/arrow-right.svg")}
.escolia-reference .play-icon{mask-image:url("../assets/icons/circle-play.svg");-webkit-mask-image:url("../assets/icons/circle-play.svg");width:30px;height:30px;color:var(--burgundy)}
.escolia-reference .book-icon{mask-image:url("../assets/icons/book-open.svg");-webkit-mask-image:url("../assets/icons/book-open.svg")}
.escolia-reference .heart-icon{mask-image:url("../assets/icons/heart.svg");-webkit-mask-image:url("../assets/icons/heart.svg")}
.escolia-reference .chart-icon{mask-image:url("../assets/icons/chart-no-axes-column-increasing.svg");-webkit-mask-image:url("../assets/icons/chart-no-axes-column-increasing.svg")}
.escolia-reference .hero-benefits{list-style:none;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px;padding:0;margin:26px 0 0;max-width:615px}
.escolia-reference .hero-benefits li{display:flex;align-items:center;gap:12px;min-width:0}
.escolia-reference .benefit-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e3f3ff;color:#147aff;flex-shrink:0}
.escolia-reference .hero-benefits strong,.escolia-reference .hero-benefits li>span:last-child>span{display:block;color:#52658f;font-size:11px;line-height:1.4;font-weight:400}
.escolia-reference .hero-art{position:absolute;inset-inline-end:-36px;bottom:0;width:56%;height:100%;z-index:1;pointer-events:none}
.escolia-reference .hero-art>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.escolia-reference .hero-handwriting{position:absolute;inset-inline-end:14px;top:24px;margin:0;color:#315eaa;font:21px/1.2 "Segoe Print","Comic Sans MS",cursive;transform:rotate(-9deg);text-align:center}
.escolia-reference .hero-handwriting span{display:block}
.escolia-reference .hero-handwriting b{color:#e44170;font-size:27px;font-weight:400;position:absolute;inset-inline-end:-14px;bottom:-8px;transform:rotate(18deg)}
.escolia-reference[dir=rtl] .hero-title{font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.25}
.escolia-reference[dir=rtl] .arrow-icon{transform:scaleX(-1)}
.escolia-reference[dir=rtl] .hero-handwriting{font-family:Tahoma,"Segoe UI",sans-serif;font-size:17px;transform:rotate(7deg)}
@media(min-width:1700px){.escolia-reference .hero-container{min-height:490px}.escolia-reference .hero-title{font-size:60px}}
@media(max-width:1300px){.escolia-reference .hero-container{min-height:410px}.escolia-reference .hero-title{font-size:48px}.escolia-reference .hero-introduction{font-size:16px;max-width:515px}.escolia-reference .hero-copy{padding-block:28px}.escolia-reference .hero-button{font-size:14px;min-height:48px;padding:12px 22px}.escolia-reference .hero-benefits{gap:12px}.escolia-reference .hero-benefits li{gap:9px}.escolia-reference .hero-handwriting{font-size:18px}}
@media(max-width:1100px){.escolia-reference .hero-container{width:calc(100% - 64px);min-height:355px}.escolia-reference .hero-title{font-size:40px}.escolia-reference .hero-introduction{font-size:14px;margin-top:16px;max-width:435px}.escolia-reference .hero-actions{margin-top:18px;gap:12px}.escolia-reference .hero-button{font-size:12px;min-height:44px;padding:11px 20px;gap:11px}.escolia-reference .play-icon{width:27px;height:27px}.escolia-reference .hero-benefits{margin-top:20px;gap:10px}.escolia-reference .benefit-icon{width:37px;height:37px}.escolia-reference .hero-benefits strong,.escolia-reference .hero-benefits li>span:last-child>span{font-size:9px}.escolia-reference .hero-art{inset-inline-end:-28px;width:56%}.escolia-reference .hero-handwriting{font-size:15px;top:24px;inset-inline-end:8px}}
@media(max-width:899px){.escolia-reference .hero-container{width:calc(100% - 40px);min-height:340px}.escolia-reference .hero-title{font-size:35px}.escolia-reference .hero-copy{width:58%}.escolia-reference .hero-introduction{font-size:13px}.escolia-reference .hero-benefits{grid-template-columns:1fr;gap:12px;margin-top:20px}.escolia-reference .hero-benefits strong,.escolia-reference .hero-benefits li>span:last-child>span{display:inline;font-size:10px}.escolia-reference .hero-benefits strong{margin-inline-end:4px}.escolia-reference .benefit-icon{width:30px;height:30px}.escolia-reference .benefit-icon .hero-icon{width:18px;height:18px}.escolia-reference .hero-handwriting{font-size:13px}.escolia-reference .hero-actions{gap:9px}.escolia-reference .hero-button{font-size:11px;padding:11px 15px;gap:8px}}
@media(max-width:899px){.escolia-reference .reference-hero{background:#f5fbff}.escolia-reference .hero-container{width:calc(100% - 32px);display:flex;flex-direction:column;min-height:0;align-items:stretch}.escolia-reference .hero-copy{width:100%;padding-block:25px 10px}.escolia-reference .hero-title{font-size:36px;line-height:1.1;max-width:570px}.escolia-reference .hero-introduction{font-size:15px;max-width:560px;margin-top:16px}.escolia-reference .hero-actions{gap:10px;margin-top:20px}.escolia-reference .hero-button{font-size:13px;padding:12px 18px}.escolia-reference .hero-benefits{grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin-top:22px;max-width:100%}.escolia-reference .hero-benefits li{align-items:flex-start;gap:8px}.escolia-reference .hero-benefits strong,.escolia-reference .hero-benefits li>span:last-child>span{display:block;font-size:10px}.escolia-reference .hero-benefits strong{margin:0}.escolia-reference .hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;margin-top:16px}.escolia-reference .hero-art>img{height:100%;width:100%;object-position:center bottom}.escolia-reference .hero-handwriting{top:5px;inset-inline-end:5px;font-size:15px}}
.escolia-reference .hero-benefits strong,.escolia-reference .hero-benefits li>span:last-child>span{font-size:11px}
@media(max-width:420px){.escolia-reference .hero-title{font-size:32px}.escolia-reference .hero-introduction{font-size:14px}.escolia-reference .hero-button{font-size:12px;padding:11px 15px;gap:10px}.escolia-reference .hero-benefits{gap:9px}.escolia-reference .hero-benefits li{flex-direction:column;gap:7px}.escolia-reference .benefit-icon{width:34px;height:34px}.escolia-reference .hero-benefits strong,.escolia-reference .hero-benefits li>span:last-child>span{font-size:10px}.escolia-reference .hero-handwriting{font-size:13px}.escolia-reference[dir=rtl] .hero-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.escolia-reference .hero-button:hover{transform:none}}