:root{--color-background:#ffffff;--color-primary:#3a9444;--color-secondary:#9eac9e85;--color-text:#22443f;--color-light-text:#777777}.safa-timeline-root{height:60vh;font-family:sans-serif;background-color:var(--color-background);color:var(--color-text);display:flex;flex-direction:column}.swiper-container-full{width:100%;height:100%;z-index:20}.circle-image-img{transition:transform .7s}.app-container{width:100%;height:100vh}.slide-intro-content{padding:2rem;overflow:hidden}.intro-main-area,.slide-intro-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.intro-main-area{z-index:10;max-width:1200px;flex-direction:column;margin-top:2%}.intro-circle-image{position:absolute;border-radius:2%;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);border:4px solid white;transition:transform .5s var(--ease-out-expo),box-shadow .5s var(--ease-out-expo);z-index:5}.intro-circle-image:hover{transform:scale(1.05)!important;box-shadow:0 35px 60px -15px rgba(0,0,0,.2);z-index:25}.circle-image-img{width:100%;height:100%;object-fit:cover;transition:filter .5s ease;transform:scale(1.1)}.intro-circle-image:hover .circle-image-img{filter:grayscale(0)}.image-top-left{top:15%;left:5%;width:160px;height:160px}.image-bottom-right{bottom:20%;right:5%;width:200px;height:200px}@media (min-width:768px){.image-top-left{width:370px;height:290px;top:9%;left:15%}.image-bottom-right{bottom:15%;right:4%;width:370px;height:290px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 6s ease-in-out infinite}.float-animation-delayed{animation:float 7s ease-in-out infinite;animation-delay:1s}.intro-text-content{text-align:center;position:relative;z-index:20}.intro-title{font-family:var(--font-heading);font-size:5rem;letter-spacing:-.04em;line-height:.9;margin-bottom:2rem;color:#22443f;animation:fadeInUp 1s var(--ease-out-expo) forwards}.intro-subtitle{display:block;font-weight:400;font-style:italic;font-size:.5em;margin-top:.2em;color:var(--color-secondary)}@media (min-width:768px){.intro-title{font-size:9rem}}.intro-button-wrapper{margin-top:2rem;display:flex;justify-content:center;animation:fadeInUp 1s var(--ease-out-expo) .3s forwards}.intro-read-button{background-color:#22443f;color:white;padding:.5rem .5rem .5rem 2rem;border-radius:9999px;display:flex;align-items:center;gap:1.5rem;border:none;cursor:pointer;font-family:var(--font-body);transition:transform .3s var(--ease-out-expo),background-color .3s}.intro-read-button:hover{transform:scale(1.02);background-color:#3a9444}.button-text{font-weight:500;font-size:1.1rem;letter-spacing:-.01em}.button-icon-circle{width:3.5rem;height:3.5rem;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#22443f;transition:transform .5s var(--ease-out-expo)}.intro-read-button:hover .button-icon-circle{transform:rotate(-45deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.event-slide-content{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--color-background)}.event-year-background{position:absolute;right:104px;top:50%;transform:translateY(-50%);font-size:38vw;line-height:1;color:#5a605a7c;z-index:3;pointer-events:none;white-space:nowrap}.year-number{font-size:18rem;font-weight:700;color:var(--color-secondary);line-height:1;transform:translateX(20%) translateY(2.5rem)}@media (min-width:768px){.year-number{font-size:32rem}}.event-content-grid{position:relative;z-index:2;width:100%;height:100%;max-width:90rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;display:grid;grid-template-columns:1fr;align-items:center;grid-gap:2rem;gap:2rem}.event-image-circle{z-index:3}@media (min-width:768px){.event-content-grid{padding-left:3rem;padding-right:3rem;grid-template-columns:repeat(12,1fr)}}.event-text-column{order:2;margin-top:60vh}@media (min-width:768px){.event-text-column{grid-column:span 5/span 5;order:1;margin-top:0}}.event-text-wrapper{padding-right:3rem;animation:slideInLeftFade .7s forwards}@keyframes slideInLeftFade{0%{opacity:0;transform:translateX(-2.5rem)}to{opacity:1;transform:translateX(0)}}.event-date-label{display:inline-block;padding:.25rem 1rem;background-color:var(--color-primary);color:white;border-radius:9999px;font-size:.875rem;letter-spacing:.025em}.event-date-label,.event-title{font-weight:700;margin-bottom:1.5rem}.event-title{font-size:2.25rem;line-height:1.25;letter-spacing:-.025em;color:var(--color-primary)}@media (min-width:768px){.event-title{font-size:3rem}}.event-description{font-size:1.125rem;color:var(--color-light-text);line-height:1.625;font-weight:500;max-width:28rem}.event-image-timeline-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;order:1}@media (min-width:768px){.event-image-timeline-marker{order:2}}.timeline-dot{position:absolute;top:50%;left:50%;width:1rem;height:1rem;border-radius:50%;transform:translate(-50%,-50%);z-index:50}.event-image-circle{width:14rem;height:14rem;border-radius:2%;overflow:hidden;border:8px solid var(--color-background);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);position:relative;background-color:#e5e7eb}.event-image-circle:hover .circle-image-img{transform:scale(1.1)}@media (min-width:768px){.event-image-circle{width:49rem;height:26rem;margin-left:26%}}.bottom-controls-bar{position:absolute;bottom:0;left:0;width:100%;z-index:50;padding:2rem;pointer-events:none}@media (min-width:768px){.bottom-controls-bar{padding:3rem}}.controls-container{max-width:90rem;margin-left:auto;margin-right:auto;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:auto}.control-arrow-button{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;transition:all .3s;border:none;background:none;cursor:pointer}.control-arrow-button.is-disabled{opacity:0;pointer-events:none}.control-arrow-button.arrow-left:not(.is-disabled):hover{transform:translateX(-.25rem)}.control-arrow-button.arrow-right:not(.is-disabled):hover{transform:translateX(.25rem)}.icon-black{color:var(--color-primary)}.progress-bar-wrapper{flex-grow:1;max-width:28rem;margin-left:2rem;margin-right:2rem;display:none;align-items:center;gap:1rem}@media (min-width:768px){.progress-bar-wrapper{display:flex}}.progress-bar-bg{height:2px;background-color:rgba(255,255,255,.1);width:100%;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);transition:width .5s ease-out;width:var(--progress-width,0)}.safa-timeline-root{width:100%;min-height:100vh;overflow:hidden;position:relative}.event-slide-content,.slide-intro-content{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:40px}.event-slide-content{height:100vh;padding:0}