.learning-banner{padding:72px 0 30px;background:#fff}
.learning-banner-inner{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:46px;min-height:420px;padding:52px 54px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 78% 12%,#ffffff16 0 2px,transparent 3px),linear-gradient(125deg,#173f38 0%,#205f4d 58%,#2d6d58 100%);box-shadow:0 24px 60px #123c301c}
.learning-banner-inner::before,.learning-banner-inner::after{content:"";position:absolute;pointer-events:none;border:1px solid #ffffff13;border-radius:50%}
.learning-banner-inner::before{width:440px;height:440px;right:-115px;top:-225px}
.learning-banner-inner::after{width:310px;height:310px;right:-50px;top:-160px}
.learning-banner-copy{position:relative;z-index:2;max-width:620px}
.learning-banner-copy .eyebrow{color:#d3e49a;font-size:11px;letter-spacing:2px}
.learning-banner-copy h2{margin:20px 0 16px;color:#fff;font:600 clamp(36px,4.2vw,58px)/1.06 var(--display);letter-spacing:-2.7px}
.learning-banner-copy>p{max-width:580px;margin:0;color:#e0e9e3;font-size:16px;line-height:1.8}
.learning-banner-actions{display:flex;align-items:center;gap:24px;margin-top:25px}
.learning-banner-actions .button{background:#f4f7ec;color:#1b493e;border-radius:8px;font-size:14px;padding:15px 20px}
.learning-banner-actions .button:hover{background:#dce9bd}
.learning-banner-secondary{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:13px}
.learning-banner-secondary span{color:#d6e89c;font-size:17px}
.learning-banner-photo{position:relative;z-index:1;min-width:0;margin:0;height:325px;overflow:hidden;border:1px solid #ffffff45;border-radius:19px;box-shadow:0 16px 38px #0a282e35}
.learning-banner-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,#102a25b8)}
.learning-banner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.learning-banner-photo figcaption{position:absolute;z-index:1;left:18px;bottom:15px;color:white;font:italic 16px var(--serif);text-shadow:0 2px 8px #14211e}
.learning-highlights{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:16px;margin-top:-48px}
.learning-highlights>div{width:min(100%,190px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:1px solid #eef0ed;border-radius:50%;background:#fff;box-shadow:0 16px 38px #172a211c;text-align:center}
.learning-highlights b{color:#173e38;font:700 clamp(22px,2.2vw,32px)/1.05 var(--display);letter-spacing:-1px}
.learning-highlights span{max-width:140px;color:#68766f;font-size:13px;line-height:1.45}
@media(max-width:900px){.learning-banner{padding-top:54px}.learning-banner-inner{grid-template-columns:1fr 0.8fr;gap:28px;padding:38px 34px;min-height:370px}.learning-banner-photo{height:280px}.learning-banner-copy h2{font-size:clamp(34px,5vw,48px)}.learning-highlights{margin-top:-36px}.learning-highlights>div{width:min(100%,165px)}.learning-highlights span{font-size:12px}}
@media(max-width:650px){.learning-banner{padding:36px 0 24px}.learning-banner-inner{grid-template-columns:1fr;gap:24px;padding:31px 23px 24px;border-radius:18px}.learning-banner-copy h2{font-size:clamp(35px,9vw,46px);letter-spacing:-1.8px}.learning-banner-copy>p{font-size:14px;line-height:1.7}.learning-banner-photo{height:auto;aspect-ratio:1.55}.learning-banner-photo figcaption{font-size:14px}.learning-banner-actions{gap:17px;flex-wrap:wrap}.learning-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.learning-highlights>div{width:min(100%,158px);padding:15px}.learning-highlights b{font-size:23px}.learning-highlights span{font-size:11px}}
@media(max-width:370px){.learning-banner-inner{padding:26px 18px 20px}.learning-banner-copy h2{font-size:33px}.learning-banner-actions .button{font-size:12px}.learning-highlights>div{width:145px}}