.education-page{--education-navy:#071b42;--education-gold:#ad8954;display:grid;grid-template-columns:minmax(230px,25%) minmax(0,1fr);gap:30px;padding:48px 4% 44px;background:#fafaf8;color:var(--education-navy);position:relative;overflow:hidden}
.education-portrait{margin:0;position:relative;align-self:stretch;min-height:650px}.education-portrait>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% 45%}.education-portrait>span{position:absolute;bottom:-24px;left:4px;width:100px;height:2px;background:#bd1732}.education-content{min-width:0}.education-heading{position:relative;min-height:300px;padding:0 0 40px 36px}.education-kicker{font:600 12px/1.4 Arial,sans-serif;letter-spacing:.32em;text-decoration:none;color:var(--education-navy)}.education-kicker:after{content:"";display:block;width:65px;height:2px;background:#bd1732;margin:18px 0 26px}.education-heading h1{position:relative;z-index:1;font:normal clamp(48px,5.7vw,88px)/.93 Georgia,serif;letter-spacing:-.045em;margin:0}.education-heading h1 em{font-style:normal;color:var(--education-gold)}.education-heading-rule{display:block;width:65px;height:2px;background:#071b42;margin-top:27px}.education-map{position:absolute;right:18%;top:14px;width:30%;height:240px;object-fit:contain;opacity:.09}.education-motto{position:absolute;right:0;top:145px;padding:0 0 0 19px;border-left:1px solid #071b42;font:12px/2 Arial,sans-serif;letter-spacing:.2em}.education-timeline{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b29b79 transparent;padding:0 0 16px;overscroll-behavior-x:contain}.education-milestone{min-width:0;scroll-snap-align:start}.education-year{height:54px;position:relative;border-top:1px solid #d3d6da;text-align:center;padding-top:16px;font:22px/1.1 Georgia,serif}.education-year:before{content:"";position:absolute;top:-6px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:#071b42}.education-undated .education-year{font:11px/1.2 Arial,sans-serif;padding-top:19px}.education-photo{height:160px;overflow:hidden;background:#e5e7e8;position:relative}.education-photo img{width:100%;height:100%;object-fit:cover}.education-photo-screenshot img{position:absolute;width:100%;height:auto;top:0;transform:translateY(-28.45%)}.education-milestone h2{font:normal 25px/1.08 Georgia,serif;margin:17px 0 13px;letter-spacing:-.03em}.education-milestone p{font:18px/1.3 Georgia,serif;margin:0;color:#536078}.education-rule{display:block;width:44px;height:2px;background:#ad8954;margin-top:24px}.education-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px}.education-official{font:12px/1.4 Arial,sans-serif;color:#536078;text-underline-offset:4px}.education-controls button{width:40px;height:40px;border:1px solid #d2d7df;background:white;color:#071b42;border-radius:50%;font-size:23px;cursor:pointer;margin-left:6px}.education-controls button:hover{background:#071b42;color:white}.education-controls button:focus-visible,.education-timeline:focus-visible{outline:2px solid #ad8954;outline-offset:4px}
@media(min-width:1600px){.education-page{max-width:1800px;margin:auto}.education-heading{min-height:350px}.education-photo{height:190px}}
@media(max-width:1100px){.education-timeline{grid-auto-columns:calc((100% - 32px)/3)}.education-map{right:2%;width:40%}.education-motto{display:none}.education-heading{padding-left:12px;min-height:270px}.education-milestone h2{font-size:23px}.education-milestone p{font-size:16px}}
@media(max-width:700px){.education-page{grid-template-columns:1fr;gap:28px;padding:28px 6% 36px}.education-portrait{min-height:0;height:320px;width:78%;margin:auto}.education-portrait>img{object-position:50% 34%}.education-portrait>span{bottom:-12px}.education-heading{min-height:235px;padding:16px 0 30px}.education-heading h1{font-size:58px}.education-map{width:45%;height:180px;right:0;top:45px}.education-timeline{grid-auto-columns:78%;gap:20px}.education-photo{height:190px}.education-controls{align-items:start}.education-milestone h2{font-size:27px}.education-milestone p{font-size:18px}}

/* Exact supplied handwritten notebook, confined to the lower left margin. */
.education-notebook{position:absolute;left:0;top:390px;bottom:18px;width:2.45%;max-width:38px;overflow:hidden;opacity:.55;pointer-events:none;background:#f4f4f3}.education-notebook img{position:absolute;top:-100px;left:-80px;width:350px;max-width:none;height:auto;filter:saturate(.45)}.education-margin-lines{position:absolute;left:2.15%;top:145px;width:3px;height:245px;border-left:2px solid #12234a;pointer-events:none}.education-margin-lines:before{content:"";position:absolute;right:15px;bottom:0;width:2px;height:60px;background:#bd1732}
@media(max-width:700px){.education-notebook{top:210px;bottom:auto;height:155px;width:5%;max-width:24px}.education-notebook img{top:-160px;width:350px}.education-margin-lines{left:4%;top:95px;height:115px}.education-margin-lines:before{right:8px;height:35px}}

.education-controls button{width:48px;height:48px;border-color:#071b42;font-size:28px}.education-timeline{scrollbar-width:none}.education-timeline::-webkit-scrollbar{display:none}

/* Reference composition: white page, inset portrait, side controls. */
.education-page{background:#fff;grid-template-columns:24% minmax(0,1fr);gap:20px;padding:48px 8.3% 24px 3.5%;min-height:calc(100svh - 82px)}
.education-page:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4.8%;background-image:url('assets/education-reference.jpg');background-size:100vw auto;background-position:right -82px;background-repeat:no-repeat;pointer-events:none}
.education-portrait{min-height:0;overflow:hidden}.education-portrait>img{transform:scale(1.05);object-position:50% 45%}.education-portrait>span{bottom:0}
.education-heading{padding-left:40px;min-height:322px}.education-heading h1{font-size:clamp(55px,6.4vw,98px)}.education-map{opacity:.8;right:18%;width:32%;height:270px;top:5px}.education-motto{top:158px;right:-2%}
.education-carousel{position:relative}.education-timeline{padding-top:7px}.education-year{height:54px}.education-photo{height:clamp(145px,11.2vw,180px)}.education-milestone h2{max-width:220px;font-size:clamp(22px,1.75vw,28px)}.education-milestone p{font-size:clamp(16px,1.3vw,20px)}
.education-side-arrow{position:absolute;z-index:3;top:calc(61px + clamp(145px,11.2vw,180px)/2);transform:translateY(-50%);width:36px;height:36px;border:1px solid #cbd0d8;background:#fff;color:#071b42;border-radius:50%;font-size:23px;cursor:pointer;box-shadow:0 2px 8px #071b4212}.education-previous{left:-18px}.education-next{right:-38px}.education-side-arrow:hover{background:#071b42;color:white}.education-side-arrow:focus-visible{outline:2px solid #ad8954;outline-offset:3px}.education-controls{margin-top:4px}.education-notebook{top:390px;bottom:18px}
@media(min-width:701px){.education-timeline{grid-auto-columns:calc((100% - 48px)/4)}}
@media(max-width:1100px) and (min-width:701px){.education-heading{min-height:280px;padding-left:25px}.education-heading h1{font-size:7vw}.education-motto{display:block;font-size:9px;top:160px}.education-map{height:220px}.education-milestone h2{font-size:21px}.education-milestone p{font-size:15px}}
@media(max-width:700px){.education-page{grid-template-columns:1fr;padding:28px 8% 28px;gap:28px}.education-page:after{display:none}.education-portrait{height:320px;width:78%}.education-heading{padding:16px 0 30px;min-height:235px}.education-heading h1{font-size:58px}.education-map{width:45%;height:180px;right:0;top:45px}.education-motto{display:none}.education-photo{height:190px}.education-side-arrow{top:156px;width:34px;height:34px}.education-previous{left:-23px}.education-next{right:-23px}.education-notebook{top:210px;bottom:auto}.education-milestone h2{font-size:27px}.education-milestone p{font-size:18px}}

/* Grey cement right margin; the original notebook remains untouched. */
.education-page:after{background-color:#b8b9b8;background-image:url('assets/haitian-grey-cement-display.png');background-size:auto 220%;background-position:75% top;background-repeat:no-repeat;filter:grayscale(1) brightness(.83);box-shadow:inset 12px 0 20px -18px #23313b}
.education-notebook{opacity:.65}.education-notebook img{filter:none}.education-margin-lines{z-index:2}.education-margin-lines:before{bottom:-20px;height:80px}
@media(max-width:700px){.education-margin-lines:before{bottom:-10px;height:45px}}

.education-page:after{background-image:url('assets/education-haitian-wall.jpg');background-size:auto 360px;background-position:65% top;background-repeat:repeat-y;filter:none}

/* Continuous fade from the original block wall into the white composition. */
.education-page:after{width:18%;background-color:transparent;background-size:auto 100%;background-position:right top;background-repeat:no-repeat;box-shadow:none;opacity:.78;mask-image:linear-gradient(to right,transparent 0%,#00000008 12%,#00000022 30%,#00000060 52%,#000000b3 76%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#00000008 12%,#00000022 30%,#00000060 52%,#000000b3 76%,#000 100%)}
.education-content{position:relative;z-index:1}

.education-page:after{background-size:auto 300px;background-repeat:repeat-y;background-position:right top}

.education-page:after{background-size:auto 450px}

.education-page:after{background-image:url('assets/education-wall-continuous.svg');background-size:auto 360px;background-repeat:repeat-y;background-position:right top}