/* Period labels share the exact timeline center, regardless of text length. */
#vertical-design>[data-node-id="1:150"],#vertical-design>[data-node-id="1:151"],#vertical-design>[data-node-id="1:152"],#vertical-design>[data-node-id="1:153"]{left:50%!important;width:240px!important;text-align:center!important;transform:translate(-50%,0)!important;white-space:nowrap}
#vertical-design>[data-node-id="1:158"]{height:300px!important;overflow:hidden}
.future-campus{position:absolute;top:3790px;left:0;width:1512px;height:2400px;color:#ccc7ba;font-family:Lava,serif}
.future-period{position:absolute;top:0;left:50%;transform:translateX(-50%);margin:0;color:#d1a941;font-size:64px;font-weight:400;line-height:1.15;text-align:center}
.future-axis{position:absolute;left:755.75px;top:110px;width:.5px;height:1610px;background:linear-gradient(#d1a94188,#d1a94144,transparent)}
.future-axis::before{content:"";position:absolute;left:-2px;top:0;width:4.5px;height:4.5px;border-radius:50%;background:#d1a941}
.future-copy{position:absolute;top:145px;left:850px;width:520px}
.future-copy h3{font-weight:400;font-size:44px;line-height:1.1;margin:0 0 24px;color:#d1a941}
.future-copy p{font-size:29px;line-height:1.3;margin:0}
.future-photo{position:absolute;margin:0;will-change:transform}
.future-photo img{display:block;width:100%;height:100%;object-fit:cover}
.future-photo-hall{left:95px;top:300px;width:570px;height:320px}
.future-photo-exterior{left:850px;top:610px;width:520px;height:280px}
.future-photo-construction{left:95px;top:970px;width:570px;height:428px}
.future-photo-aerial{left:850px;top:1320px;width:520px;height:286px}
.future-donation{position:absolute;left:50%;top:1840px;width:1050px;transform:translateX(-50%);text-align:center}
.future-donation-rule{display:block;width:58px;height:1px;margin:0 auto 30px;background:#d1a941}
.future-donation h3{font-size:54px;line-height:1.1;font-weight:400;color:#d1a941;margin:0 0 18px}
.future-donation p{font-size:28px;line-height:1.3;margin:0 0 28px}
.future-amounts{display:flex;justify-content:center;gap:12px;margin-bottom:22px}
.future-amounts button{font:28px Lava,serif;color:#d1a941;background:transparent;border:1px solid #d1a94166;padding:12px 30px;min-width:140px;cursor:pointer;transition:background .2s,color .2s}
.future-amounts button[aria-pressed="true"],.future-amounts button:hover{background:#d1a941;color:#182c2a}
.future-donation-actions{display:flex;align-items:flex-end;justify-content:center;gap:24px}
.future-donation-actions label{font-size:20px;text-align:right;display:flex;flex-direction:column;gap:6px}
.future-donation-actions input{box-sizing:border-box;width:200px;min-height:52px;padding:9px 14px;border:1px solid #d1a94166;border-radius:0;background:transparent;color:#eeecdd;font:24px Lava,serif}
.future-donation-actions input::placeholder{color:#ccc7ba99}
.future-donate-link{display:flex;align-items:center;justify-content:center;gap:32px;min-height:52px;box-sizing:border-box;padding:10px 26px;color:#182c2a;background:#d1a941;text-decoration:none;font-size:26px;line-height:1.2}
.future-donate-link:hover{background:#e0bd65}
.future-amount-error{display:block;min-height:24px;font-size:19px;color:#eeecdd;margin-top:10px}
.future-campus-mobile{display:none}
@media(max-width:700px){.future-campus-mobile{display:flex;position:relative;top:auto;left:auto;width:100%;height:auto;flex-direction:column;padding:45px 0 65px;gap:30px}.future-campus-mobile .future-period{position:relative;left:auto;top:auto;transform:none;font-size:48px}.future-campus-mobile .future-axis{display:none}.future-campus-mobile .future-copy{position:relative;left:auto;top:auto;width:auto}.future-campus-mobile .future-copy h3{font-size:32px;margin-bottom:16px}.future-campus-mobile .future-copy p{font-size:23px;line-height:1.35}.future-campus-mobile .future-photo{position:relative;left:auto;top:auto;width:100%;height:auto}.future-campus-mobile .future-photo img{height:auto;object-fit:contain}.future-campus-mobile .future-donation{position:relative;left:auto;top:auto;width:auto;transform:none;padding-top:15px}.future-campus-mobile .future-donation h3{font-size:36px}.future-campus-mobile .future-donation p{font-size:22px}.future-campus-mobile .future-amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.future-campus-mobile .future-amounts button{font-size:23px;min-width:0;padding:12px}.future-campus-mobile .future-donation-actions{flex-direction:column;align-items:stretch;gap:18px}.future-campus-mobile .future-donation-actions input{width:100%}.future-campus-mobile .future-donate-link{font-size:23px}.future-campus-mobile .future-donation-actions label{font-size:19px}}
@media(prefers-reduced-motion:reduce){.future-photo{will-change:auto}.future-amounts button{transition:none}}

/* Floating image layers can cross the axis; the period text stays legible above them. */
#vertical-design>.timeline-floating-photo,.future-campus .timeline-floating-photo{z-index:2;will-change:translate}
#vertical-design>.timeline-year,#vertical-design>.timeline-year-caption{z-index:4}
#vertical-design>[data-node-id="1:161"],#vertical-design>[data-node-id="1:162"],#vertical-design>[data-node-id="1:163"],#vertical-design>[data-node-id="1:164"],.future-campus .future-copy,.future-campus .future-period,.future-campus .future-donation{z-index:3}
@media(prefers-reduced-motion:reduce){.timeline-floating-photo{will-change:auto!important}}